/* Vuslat D. Katsanis — static portfolio */
:root{--paper:#ffffff;--paper-2:#f3f3f3;--ink:#111111;--muted:#666666;--line:#dddddd;--accent:#111111;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:absolute;left:-9999px;top:1rem;z-index:100;background:var(--ink);color:white;padding:.7rem 1rem}.skip-link:focus{left:1rem}.section-wrap{width:min(calc(100% - 9vw),var(--max));margin-inline:auto}.site-header{height:84px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.wordmark{font-weight:700;letter-spacing:-.08em;font-size:1.45rem}.wordmark span{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:clamp(1.1rem,2.4vw,2.4rem);font-size:.78rem;letter-spacing:.02em}.site-nav a{transition:color .2s}.site-nav a:hover,.text-link:hover,.social-links a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:4px}.nav-contact span{margin-left:.3rem}.menu-toggle{display:none;border:0;background:none;padding:8px}.hero{position:relative;min-height:660px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7vw;padding-top:70px;padding-bottom:90px}.hero-copy{padding:20px 0}.eyebrow,.section-label,.publication-type,.project-meta,.gallery-toolbar,.hero-portrait figcaption{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);margin:0 0 32px}.eyebrow-line{width:32px;height:1px;background:var(--accent)}h1,h2,h3,p,figure{margin-top:0}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:.98;font-size:clamp(4.2rem,8.6vw,8.5rem);margin:0 0 28px}.hero h1 em,h2 em{font-weight:400;color:var(--accent)}.hero-role{font-size:1rem;letter-spacing:.04em;margin-bottom:18px}.hero-role span{color:var(--accent);padding:0 .3rem}.hero-intro{max-width:460px;color:#66655f;font-size:1.02rem}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;font-size:.78rem;font-weight:600;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--accent)}.text-link{font-size:.8rem;border-bottom:1px solid var(--line);padding-bottom:4px}.hero-portrait{margin:0;position:relative;padding:0 0 32px 25px}.hero-portrait:before{content:"";position:absolute;left:0;top:25px;width:75%;height:80%;background:var(--paper-2);z-index:0}.hero-portrait img{position:relative;z-index:1;width:100%;height:440px;object-fit:cover;object-position:center 35%;filter:saturate(.82)}.hero-portrait figcaption{position:relative;z-index:1;text-align:right;color:var(--muted);padding-top:14px}.hero-index{position:absolute;bottom:28px;left:0;color:var(--muted);font-size:.65rem;letter-spacing:.14em}.section-rule{border-top:1px solid var(--line)}.intro-section,.translations-section,.teaching-section,.consulting-section{display:grid;grid-template-columns:.36fr 1fr;gap:6vw;padding-top:92px;padding-bottom:100px}.section-label{color:var(--muted);padding-top:9px}.section-label span{color:var(--accent);margin-right:12px}.intro-content h2,.translations-content h2,.teaching-content h2,.consulting-content h2,.section-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.05em;line-height:1.08;margin:0 0 34px}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:850px}.intro-columns p,.section-lede{font-size:.98rem;color:#66655f;margin:0}.projects-section,.publications-section,.exhibitions-section{padding-top:85px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading .section-label{margin-bottom:18px}.section-heading h2{margin:0}.section-heading>p{max-width:300px;color:var(--muted);font-size:.85rem;margin:0 0 8px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{display:block;min-width:0}.project-image{display:block;height:clamp(260px,38vw,470px);background:var(--paper-2);position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.035)}.project-image.book-cover img{object-fit:contain;padding:32px;background:#f1f1f1}.card-arrow{position:absolute;right:16px;top:16px;width:42px;height:42px;background:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:1.1rem;transition:background .2s,color .2s}.project-card:hover .card-arrow{background:var(--accent);color:white}.project-meta{display:flex;justify-content:space-between;color:var(--muted);padding:19px 0 8px;font-size:.64rem}.project-card h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;letter-spacing:-.025em;margin:0 0 8px}.project-card>p{font-size:.88rem;color:var(--muted);max-width:470px;margin-bottom:0}.publication-list{border-top:1px solid var(--line)}.publication-item{display:grid;grid-template-columns:112px 1fr 20px;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.publication-thumb{height:130px;background:var(--paper-2);display:grid;place-items:center;overflow:hidden}.publication-thumb img{height:100%;width:100%;object-fit:cover}.publication-thumb.asap-thumb img{object-fit:contain;background:#f3f3f3}.publication-type{color:var(--accent);font-size:.62rem;margin:0 0 7px}.publication-body h3{font-size:1.08rem;line-height:1.4;font-weight:500;margin:0 0 8px;max-width:780px}.publication-body h3 a:hover{color:var(--accent)}.publication-body>p:last-child{font-size:.83rem;color:var(--muted);margin:0;max-width:790px}.publication-arrow{align-self:start;color:var(--muted)}.translations-content h2{margin-bottom:28px}.translation-list{border-top:1px solid var(--line)}.translation-list p{margin:0;padding:18px 0;border-bottom:1px solid var(--line);font-size:.9rem;max-width:850px}.gallery-toolbar{display:flex;justify-content:space-between;color:var(--muted);font-size:.63rem;margin-bottom:14px}.exhibition-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,34%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-color:var(--accent) var(--paper-2)}.exhibition-gallery figure{margin:0;scroll-snap-align:start}.exhibition-gallery img{width:100%;height:320px;object-fit:cover;background:var(--paper-2)}.exhibition-gallery figcaption{font-size:.7rem;color:var(--muted);padding-top:10px}.teaching-content h2{margin-bottom:24px}.section-lede{max-width:760px;margin-bottom:36px}.teaching-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 42px}.teaching-grid>div{border-top:1px solid var(--line);padding-top:17px}.teaching-grid h3{font-size:1rem;font-weight:600;margin:0 0 2px}.teaching-grid>div>p{font-size:.75rem;color:var(--accent);margin-bottom:12px}.teaching-grid ul{padding-left:17px;margin:0;color:#686760;font-size:.82rem}.teaching-grid li{margin:0 0 7px}.consulting-content h2{margin-bottom:24px}.consulting-content .section-lede{max-width:760px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 32px}.service-tags span{border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:.72rem;color:#62615b}.button-outline{border:1px solid var(--ink)}.button-outline:hover{background:var(--ink);color:var(--paper)}.contact-section{background:#111111;color:var(--paper);padding:82px 0 58px}.contact-inner{display:grid;grid-template-columns:.36fr 1fr;gap:0 6vw}.contact-section .section-label{grid-column:1;color:#bbbbbb}.contact-section h2{grid-column:2;font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:1;margin:0 0 20px;letter-spacing:-.06em}.contact-section h2 em{color:#ffffff}.contact-section p{grid-column:2;color:#dddddd;max-width:500px;margin-bottom:28px}.button-light{grid-column:2;justify-self:start;background:var(--paper);color:var(--ink)}.button-light:hover{background:#ffffff;color:#111111}.social-links{grid-column:2;display:flex;gap:26px;margin-top:56px;padding-top:20px;border-top:1px solid #555555}.social-links a{font-size:.8rem}.social-links span{color:#ffffff;margin-left:7px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;font-size:.7rem;color:var(--muted)}.site-footer p{margin:0}.site-footer>a:last-child{border-bottom:1px solid var(--line)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:760px){.section-wrap{width:calc(100% - 40px)}.site-header{height:72px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:24px;height:1px;background:var(--ink);display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:22px 20px 28px;border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.site-nav.is-open{display:flex}.site-nav a{padding:12px 0;border-bottom:1px solid var(--line)}.site-nav .nav-contact{border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;gap:32px;padding-top:60px;padding-bottom:72px;min-height:unset}.hero h1{font-size:clamp(4.2rem,17vw,7rem)}.hero-portrait{width:min(100%,450px);margin-left:auto;padding-left:16px}.hero-portrait img{height:350px}.hero-index{bottom:22px}.intro-section,.translations-section,.teaching-section,.consulting-section{grid-template-columns:1fr;gap:22px;padding-top:58px;padding-bottom:65px}.intro-content h2,.translations-content h2,.teaching-content h2,.consulting-content h2,.section-heading h2{font-size:clamp(2.7rem,11vw,4rem)}.intro-columns{grid-template-columns:1fr;gap:16px}.projects-section,.publications-section,.exhibitions-section{padding-top:58px;padding-bottom:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:16px}.project-grid{grid-template-columns:1fr;gap:34px}.project-image{height:330px}.publication-item{grid-template-columns:76px 1fr;gap:16px;padding:20px 0}.publication-thumb{height:100px}.publication-arrow{display:none}.publication-body h3{font-size:.95rem}.publication-body>p:last-child{font-size:.78rem}.exhibition-gallery{grid-auto-columns:78%}.exhibition-gallery img{height:280px}.teaching-grid{grid-template-columns:1fr;gap:24px}.contact-section{padding-top:56px}.contact-inner{grid-template-columns:1fr;gap:0}.contact-section .section-label{grid-column:1;margin-bottom:24px}.contact-section h2,.contact-section p,.button-light,.social-links{grid-column:1}.contact-section h2{font-size:clamp(4rem,17vw,6rem)}.social-links{margin-top:44px}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}