

:root{
  --paper:#f7f2eb;
  --paper-2:#efe7dc;
  --ink:#131313;
  --muted:#6f675e;
  --line:rgba(19,19,19,.12);
  --dark:#111111;
  --dark-2:#1b1b1b;
  --accent:#b89a79;
  --shadow:0 22px 60px rgba(17,17,17,.08);
  --w:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fbf8f3 0%,#f7f2eb 100%);color:var(--ink);font-family:'Inter',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:#d8c7b0;color:#111}
.container{max-width:var(--w);margin:0 auto;padding:0 38px}
.eyebrow,.meta,.nav,.nav-mobile,.label,.tag,.details,.footer,.micro,.crumb,.work-row .num,.status{font-size:11px;letter-spacing:.16em;font-weight:500;text-transform:none}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(19,19,19,.08)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-.05em;line-height:1}
.nav{display:flex;gap:28px;color:var(--muted)}
.nav a{position:relative;padding:6px 0;transition:color .2s ease}
.nav a:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav a:hover,.nav a[aria-current='page']{color:var(--ink)}
.nav a:hover:after,.nav a[aria-current='page']:after{transform:scaleX(1)}
.tools{display:flex;align-items:center;gap:14px;flex-shrink:0}
.lang{border:0;background:none;cursor:pointer;color:var(--muted);padding:4px 0;font-size:11px;letter-spacing:.12em}
.lang.active{color:var(--ink)}
.tool-divider{height:10px;width:1px;background:rgba(19,19,19,.12)}
.menu-toggle{display:none;border:0;background:none;font-size:26px;cursor:pointer;padding:0;color:var(--ink)}
.nav-mobile{display:none}
.hero{padding:34px 0 10px;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:stretch}
.hero-image{position:relative;min-height:760px;overflow:hidden;border-radius:28px;background:#ddd;box-shadow:var(--shadow)}
.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.12))}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:52% 26%;filter:grayscale(100%)}
.hero-copy{position:relative;display:flex;flex-direction:column;min-height:760px;padding:22px 0 22px}
.hero-copy:before{content:'';position:absolute;inset:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);pointer-events:none}
.hero-top{display:flex;justify-content:space-between;color:var(--muted);padding-top:12px}
.hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(112px,14vw,220px);font-weight:500;letter-spacing:-.09em;line-height:.82;margin:auto 0 34px -8px}
.hero-title span{display:block}
.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding-bottom:14px}
.hero-bottom p{margin:0;max-width:310px;line-height:1.7;font-size:14px;color:var(--muted)}
.arrow-circle{width:56px;height:56px;border:1px solid rgba(19,19,19,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s,transform .25s;font-size:24px}
.arrow-circle:hover{background:var(--ink);color:#fff;transform:translateY(3px)}
.section{padding:128px 0}
.section-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding-bottom:28px;border-bottom:1px solid var(--line)}
.section-header h2,.page-title{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(56px,8vw,120px);line-height:.93;letter-spacing:-.07em;font-weight:500}
.section-header .meta{color:var(--muted);max-width:270px;line-height:1.85;text-align:right}
.work-list{display:grid}
.work-row{display:grid;grid-template-columns:44px 1.18fr .8fr 52px;gap:20px;align-items:center;min-height:132px;border-bottom:1px solid var(--line);transition:padding .25s ease,background .25s ease}
.work-row:hover{background:rgba(255,255,255,.45);padding-left:14px}
.work-row .num{color:var(--muted)}
.work-row .work-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:.94;font-weight:500}
.work-row .work-small{font-size:12px;line-height:1.7;color:var(--muted);padding-top:4px}
.work-row .work-arrow{justify-self:end;font-size:26px;transition:transform .2s ease}
.work-row:hover .work-arrow{transform:translate(4px,-4px)}
.section-bottom{margin-top:28px;display:flex;justify-content:flex-end}
.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:12px;letter-spacing:.12em;transition:gap .2s ease}
.text-link:hover{gap:30px}
.statement{background:linear-gradient(180deg,#141414 0%,#0d0d0d 100%);color:#efe9e1;margin-top:20px;padding:120px 0 126px}
.statement .eyebrow{color:#a59a8c}
.statement blockquote{margin:76px 0 78px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(54px,8vw,118px);line-height:.95;letter-spacing:-.06em;font-weight:500;max-width:1050px}
.statement .statement-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#b8ab9d}
.project-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:36px}
.project-item{position:relative;min-height:420px;display:block;overflow:hidden;border-radius:24px;background:#ded6cb;box-shadow:var(--shadow)}
.project-item .project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .7s ease}
.project-item:hover .project-photo{transform:scale(1.03)}
.project-item .scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.06) 70%)}
.project-item .project-info{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:32px}
.project-item h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(40px,5vw,70px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin:10px 0 0}
.about-band{display:grid;grid-template-columns:.5fr 1.2fr;gap:10vw;border-top:1px solid var(--line);padding:70px 0 90px;align-items:start}
.about-band p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(30px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0 0 28px}
.press-list .press-row{display:grid;grid-template-columns:220px 1fr 42px;gap:20px;min-height:86px;align-items:center;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}
.press-row span:nth-child(2), .press-list .press-row span:nth-child(2){color:var(--muted)}
.external{font-size:21px;justify-self:end;transition:transform .2s ease}
.press-row:hover .external{transform:translate(3px,-3px)}
.footer{background:#111;color:#ece6df;padding:70px 0 26px;margin-top:120px}
.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;padding-bottom:86px}
.footer-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(84px,12vw,180px);font-weight:500;letter-spacing:-.09em;line-height:.82}
.footer-sub{font-size:12px;line-height:1.9;color:#baaea0;max-width:320px}
.footer-sub a:hover{color:#fff}
.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#baaea0}
.footer-bottom a:hover{color:#fff}
.page-intro{padding:82px 0 70px}
.page-intro .eyebrow{color:var(--muted);margin-bottom:26px}
.page-title{max-width:1000px}
.page-lead{margin:28px 0 0;max-width:760px;font-size:clamp(18px,2vw,28px);line-height:1.55;color:#5f584f}
.works-page .work-row{min-height:134px}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 22px}
.filter{border:1px solid rgba(19,19,19,.16);background:transparent;padding:10px 16px;border-radius:999px;cursor:pointer;font-size:11px;letter-spacing:.12em;transition:.2s ease}
.filter:hover,.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.work-hero{padding-top:34px;display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:stretch}
.work-hero .crumb{color:var(--muted)}
.work-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(58px,8vw,120px);line-height:.92;letter-spacing:-.065em;font-weight:500;margin:58px 0 18px}
.work-hero .category{font-size:13px;color:var(--muted);line-height:1.8}
.work-visual{position:relative;min-height:620px;border-radius:24px;background:#e2dacf;overflow:hidden;box-shadow:var(--shadow)}
.work-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.work-visual .typography{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:60px;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(70px,7vw,120px);letter-spacing:-.07em;line-height:.98;color:rgba(255,255,255,.5)}
.work-detail-grid{display:grid;grid-template-columns:.46fr 1fr;gap:8vw;padding:90px 0 78px}
.detail-aside{font-size:12px;color:var(--muted);line-height:2.1}
.detail-aside strong{display:block;color:var(--ink);font-weight:500}
.detail-main h2{font-size:11px;letter-spacing:.16em;font-weight:500;margin:0 0 18px}
.detail-main .paragraph{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-.04em;margin:0 0 62px}
.detail-main .performance{font-size:16px;line-height:1.8;max-width:720px;white-space:pre-line;margin:0 0 60px;color:#403a34}
.documentation-links{display:grid}
.documentation-links a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0;font-size:13px;letter-spacing:.06em}
.documentation-links a:last-child{border-bottom:1px solid var(--line)}
.documentation-links a:hover{opacity:.6}
.next-work{padding:56px 0 80px;border-top:1px solid var(--line)}
.next-work .next-name{display:block;margin-top:20px;max-width:860px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,6vw,96px);line-height:.95;letter-spacing:-.06em}
.about-grid{display:grid;grid-template-columns:.8fr 1.1fr;gap:8%;align-items:start;margin-bottom:95px}
.about-portrait{width:100%;border-radius:22px;box-shadow:var(--shadow);object-fit:cover;filter:grayscale(100%)}
.about-text{font-size:18px;line-height:1.78;color:#3c3732}
.about-text p{margin:0 0 22px}
.subsection{padding:60px 0 90px;border-top:1px solid var(--line)}
.subsection h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,6vw,84px);line-height:.95;letter-spacing:-.06em;font-weight:500;margin:0 0 28px}
.cv-grid{display:grid;grid-template-columns:160px 1fr;gap:30px;font-size:14px;line-height:1.8;padding-bottom:18px}
.cv-grid dt{color:var(--muted)}
.cv-grid dd{margin:0;max-width:820px}
.archive-row{display:grid;grid-template-columns:130px 1fr 130px;gap:20px;border-bottom:1px solid var(--line);padding:24px 0;font-size:15px;line-height:1.6}
.archive-row:first-of-type{border-top:1px solid var(--line)}
.archive-row .date,.archive-row .status{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.archive-note{font-size:12px;color:var(--muted);margin:28px 0;line-height:1.7}
.projects-list{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:10px 0 80px}
.project-card{background:#f0e7db;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.project-card .card-image{height:460px;position:relative;background:#ddd}
.project-card .card-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.project-card .card-image .concept-mark{height:100%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:120px;color:#9f9181}
.project-card .card-content{padding:28px}
.project-card h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(44px,6vw,76px);letter-spacing:-.05em;line-height:.95;font-weight:500;margin:10px 0 14px}
.project-card p{margin:0;max-width:780px;font-size:16px;line-height:1.8;color:#403a34}
.status{color:var(--muted)}
.contact-page{padding-bottom:40px}
.contact-big{margin:0 0 34px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(58px,9vw,128px);line-height:.9;letter-spacing:-.07em;font-weight:500;max-width:850px}
.contact-links{display:grid;border-top:1px solid var(--line);margin-bottom:24px}
.contact-links a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;gap:20px}
.contact-links a span:first-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,52px);letter-spacing:-.03em}
.contact-small{max-width:720px;font-size:14px;line-height:1.8;color:var(--muted)}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-cols img{width:100%;height:38vw;max-height:580px;min-height:320px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.feature-card{background:#efe7dc;border-radius:24px;padding:28px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
.feature-card .label{color:var(--muted)}
.feature-card h3{margin:10px 0 18px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(36px,4.5vw,60px);font-weight:500;letter-spacing:-.05em;line-height:.95}
.feature-card p{margin:0;max-width:500px;font-size:15px;line-height:1.75;color:#403a34}
.contact-mini{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.8}
@media (max-width:980px){
  .nav{display:none}.menu-toggle{display:block}.nav-mobile{display:none;padding:8px 38px 20px;grid-template-columns:1fr;gap:8px;border-bottom:1px solid var(--line);background:rgba(251,248,243,.95)}
  .nav-mobile.open{display:grid}.nav-mobile a{padding:10px 0;color:var(--muted)}.nav-mobile a[aria-current='page']{color:var(--ink)}
  .hero,.work-hero,.about-grid,.about-band,.feature-grid,.work-detail-grid,.two-cols,.footer-top{grid-template-columns:1fr}
  .hero-image,.hero-copy{min-height:auto}.hero-image{min-height:500px}.hero-title{font-size:clamp(82px,18vw,148px);margin:34px 0 22px}.hero-copy{padding:10px 0 16px}.hero-bottom{grid-template-columns:1fr auto}
  .section{padding:96px 0}.section-header{align-items:flex-start;flex-direction:column}.section-header .meta{text-align:left}.work-row{grid-template-columns:34px 1fr;grid-template-areas:'num name''meta meta';padding:18px 0;min-height:auto}.work-row .num{grid-area:num}.work-row .work-name{grid-area:name;font-size:42px}.work-row .work-small{grid-area:meta}.work-row .work-arrow{display:none}
  .press-list .press-row,.archive-row{grid-template-columns:1fr;gap:8px;padding:16px 0}.project-card .card-image{height:320px}.footer-bottom{flex-direction:column}.contact-links a span:first-child{font-size:34px}.two-cols img{height:62vw;min-height:260px}
}
@media (max-width:640px){
  .container{padding:0 20px}.header-inner{min-height:74px}.brand{font-size:28px}.hero{padding-top:18px;gap:18px}.hero-image{min-height:360px;border-radius:22px}.hero-title{font-size:76px;margin-left:0}.hero-bottom p{max-width:230px;font-size:13px}.section-header h2,.page-title{font-size:56px}.about-band p{font-size:34px}.statement{padding:92px 0}.statement blockquote{font-size:56px}.work-hero h1{font-size:58px}.detail-main .paragraph{font-size:34px}.feature-card,.project-card .card-content{padding:22px}
}
.hide{display:none!important}
:focus-visible{outline:2px solid #8b6e50;outline-offset:6px} .skip{position:absolute;left:20px;top:-80px;z-index:100;background:#111;color:#fff;padding:15px}.skip:focus{top:10px}.work-visual{display:grid;place-items:center}.work-visual img{position:absolute;inset:0}.work-visual .typography{color:#8c7a66}.hero-image{min-height:650px}.hero-copy{min-height:650px}.hero-title{font-size:clamp(100px,13.5vw,205px)}.work-visual.face img{object-position:center;object-fit:contain;background:#191919}.work-visual.face{background:#191919}.footer-sub a{display:inline-block;padding:4px 0}.footer-sub .mail{letter-spacing:.02em}.contact-links a{overflow-wrap:anywhere}.nav{gap:23px}.work-row .work-name{line-height:1.05}@media(max-width:980px){.hero-image{min-height:500px}.hero-copy{min-height:350px}.hero-title{font-size:clamp(90px,18vw,148px)}}@media(max-width:640px){.hero-image{min-height:390px}.hero-copy{min-height:300px}.hero-title{font-size:100px}.work-visual{min-height:420px}.hero-top{font-size:10px;letter-spacing:.06em}.contact-links a span:first-child{font-size:28px}.footer-title{font-size:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.research-symbol{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:240px;color:#b7a894;background:#e6ded3}.project-item .scrim{background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 80%)}/* collective */
.ww-field{position:relative;isolation:isolate;height:560px;overflow:hidden;background:#141618;color:#e9e9e3;border-radius:24px}.ww-canvas{display:block;width:100%;height:100%}.ww-field-top,.ww-field-bottom{position:absolute;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.14em;color:#b9bebd;pointer-events:none}.ww-field-top{top:28px}.ww-field-bottom{bottom:24px}.ww-field-top span:first-child{font-family:Georgia,serif;font-size:22px;letter-spacing:-.04em;color:#e6e6df}.ww-pause{pointer-events:auto;color:inherit;border:1px solid #5a6162;border-radius:100px;background:#14161899;padding:8px 15px;cursor:pointer;font-size:11px}.ww-pause:hover{background:#e9e9e3;color:#141618}.ww-home-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:6%;align-items:center;margin-top:34px}.ww-compact{height:390px}.ww-home-copy p{font-family:Georgia,serif;font-size:clamp(27px,3vw,44px);line-height:1.2;letter-spacing:-.035em;margin:0 0 40px}.ww-title{font-size:clamp(60px,11.5vw,170px);overflow-wrap:anywhere}.ww-credit{font-size:11px;letter-spacing:.1em;color:var(--muted);margin-top:38px}.ww-intro .page-lead{max-width:930px}.ww-essay{display:grid;grid-template-columns:.46fr 1fr;gap:8vw;padding:100px 0;border-bottom:1px solid var(--line)}.ww-essay h2{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,65px);letter-spacing:-.05em;line-height:1.06;font-weight:400;margin:0 0 30px}.ww-essay p{font-size:17px;line-height:1.85;color:#514a42;max-width:760px;margin:0 0 22px}.ww-directions{padding-top:100px}.ww-directions .section-header h2{font-size:clamp(48px,6vw,86px)}.ww-direction{display:grid;grid-template-columns:44px 1fr 1fr;gap:30px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}.ww-direction h3{font-family:Georgia,serif;font-size:clamp(27px,3vw,40px);font-weight:400;letter-spacing:-.04em;line-height:1.12;margin:0}.ww-direction p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.ww-direction .eyebrow{padding-top:5px}.ww-collab{border-bottom:0;padding-bottom:0}.ww-collab .text-link{margin-top:20px}@media(max-width:980px){.ww-home-grid{grid-template-columns:1fr;gap:30px}.ww-essay{grid-template-columns:1fr;gap:30px;padding:70px 0}.ww-field{height:460px}.ww-compact{height:350px}.ww-direction{grid-template-columns:30px 1fr;gap:20px}.ww-direction p{grid-column:2}}@media(max-width:640px){.ww-title{font-size:clamp(46px,11.5vw,74px)}.ww-field{height:370px;border-radius:18px}.ww-compact{height:310px}.ww-field-top,.ww-field-bottom{left:18px;right:18px;font-size:8px;letter-spacing:.06em}.ww-field-top span:first-child{font-size:19px}.ww-home .section-header h2{font-size:45px}.ww-directions{padding-top:70px}.ww-direction{padding:28px 0}.ww-essay p{font-size:16px}}
/* selected photographs */
.hero-image img{object-position:55% 24%;filter:none}.about-portrait{filter:none;aspect-ratio:3/2;object-fit:contain;border-radius:20px}.photo-hero{min-height:0;aspect-ratio:4/3;background:#151515}.photo-hero.portrait-work{aspect-ratio:4/5}.photo-hero img{object-fit:contain;filter:none}.work-gallery{padding:15px 0 85px}.work-gallery .section-header h2{font-size:clamp(38px,5vw,64px)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:30px}.gallery-grid figure{margin:0;background:#e9e2d8;border-radius:18px;overflow:hidden}.gallery-grid figure:first-child:nth-last-child(3){grid-column:1/-1}.gallery-grid img{width:100%;height:100%;max-height:720px;object-fit:contain;filter:none}.gallery-single{grid-template-columns:1fr}.gallery-single figure{background:transparent}.gallery-single img{height:auto;max-height:720px}.gallery-grid a{display:block;height:100%}.work-visual.face img{filter:none}@media(max-width:980px){.photo-hero{min-height:0}.photo-hero.portrait-work{aspect-ratio:4/5;max-height:700px}.gallery-grid{gap:18px}}@media(max-width:640px){.hero-image{min-height:460px}.hero-image img{object-position:50% 18%}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child:nth-last-child(3){grid-column:auto}.photo-hero{min-height:0;aspect-ratio:4/3}.photo-hero.portrait-work{aspect-ratio:4/5}.gallery-grid img{height:auto;max-height:none}.work-gallery{padding-bottom:55px}.about-portrait{aspect-ratio:3/2}}
.hero-image,.hero-copy{height:650px}@media(max-width:980px){.hero-image{height:600px}.hero-copy{height:auto}}@media(max-width:640px){.hero-image{height:500px}.hero-copy{height:auto}}

.hero-courtyard img{object-position:50% 60%;filter:none}@media(max-width:640px){.hero-courtyard img{object-position:50% 62%}}
/* photography: warm monochrome, quiet frames, original texture */
:root{--photo-tone:grayscale(1) sepia(.12) contrast(.94) brightness(1.02);--photo-paper:#e9e4dd;--photo-radius:18px;--photo-border:rgba(19,19,19,.10)}
main#content img{filter:var(--photo-tone)}
main#content .hero-image,main#content .work-visual:has(img),main#content .gallery-grid figure,main#content .about-portrait{border-radius:var(--photo-radius);box-shadow:none;border:1px solid var(--photo-border);overflow:hidden;background:var(--photo-paper)}
main#content .hero-image:after{display:none}
main#content .work-visual.face{background:var(--photo-paper)}
main#content .work-visual.face img{background:transparent}
main#content .gallery-grid{gap:24px;padding-top:30px}
main#content .gallery-grid figure{padding:0}
main#content .gallery-grid a{display:flex;align-items:center;justify-content:center}
main#content .gallery-grid img{display:block;object-fit:contain;transition:none}
main#content .about-portrait{object-fit:contain}
@media(max-width:640px){:root{--photo-radius:14px}main#content .gallery-grid{gap:18px}}
main#content .work-visual:has(img){min-height:0;aspect-ratio:auto;align-self:start;display:block}
main#content .work-visual img{position:static;width:100%;height:auto;object-fit:contain}
/* shared vector navigation */
.ui-arrow{display:inline-block!important;width:18px!important;height:18px!important;min-width:18px;max-width:18px;flex:0 0 18px;vertical-align:middle;color:currentColor;overflow:visible}
.next-work .next-name .ui-arrow{width:20px!important;height:20px!important;max-width:20px;margin-left:10px}
.next-work>.eyebrow>.ui-arrow{display:none!important}
.arrow-circle{width:46px;height:46px;flex:0 0 46px;line-height:1}
.arrow-circle .ui-arrow{width:18px!important;height:18px!important}
.external,.work-arrow{line-height:1;display:flex;align-items:center;justify-content:flex-end}
.menu-toggle{width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 44px}
.menu-icon{width:24px;height:24px;display:block}
html[lang="ru"] .hero-title{font-size:clamp(82px,9.1vw,145px);letter-spacing:-.075em}
.nav{gap:20px;font-size:10px;letter-spacing:.12em}
.events-list{margin:0 0 35px}.event-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0}.event-card time{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.event-day{font-family:Georgia,serif;font-size:100px;letter-spacing:-.07em;line-height:.95;color:var(--ink)}.event-body h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,72px);font-weight:400;letter-spacing:-.05em;margin:20px 0 16px;line-height:1}.event-body p{font-size:18px;line-height:1.7;margin:0 0 10px;max-width:770px}.event-body .event-venue,.event-body .event-description{font-size:14px;color:var(--muted)}.event-actions{display:flex;gap:30px;flex-wrap:wrap;margin-top:26px}.event-actions .text-link{min-height:38px}.home-events{padding-bottom:35px}.home-events .section-header{border:0;align-items:center}.events-archive-link{padding:30px 0 20px}.events-empty{font-size:20px;line-height:1.6;padding:35px 0;color:var(--muted)}.event-card[hidden],.events-empty[hidden]{display:none}
@media(max-width:1100px){.nav{gap:14px;font-size:10px}.header-inner{gap:14px}}
@media(max-width:980px){.menu-toggle{display:flex}.event-card{grid-template-columns:130px minmax(0,1fr);gap:25px}.event-day{font-size:82px}html[lang="ru"] .hero-title{font-size:clamp(72px,14vw,120px)}.hero-copy{min-height:290px}.nav-mobile a{min-height:44px;display:flex;align-items:center}.nav-mobile{letter-spacing:.08em}}
@media(max-width:640px){.work-row{grid-template-columns:24px minmax(0,1fr) 18px;grid-template-areas:'num name arrow' '. meta .';gap:10px 12px;padding:24px 0}.work-row .work-name{font-size:34px;line-height:1.07;overflow-wrap:anywhere}.work-row .work-small{font-size:12px;line-height:1.6}.work-row .work-arrow{grid-area:arrow;display:flex;align-self:center}.work-row:hover{padding-left:0}.text-link{font-size:11px;letter-spacing:.06em;gap:12px;line-height:1.5}.text-link:hover{gap:12px}.section-bottom .text-link{min-height:42px}.next-work{padding:30px 0 45px}.next-work .next-name{font-size:36px;line-height:1.12;overflow-wrap:anywhere}.section-header{gap:20px}.home-events .section-header{align-items:flex-start}.event-card{grid-template-columns:1fr;gap:25px;padding:28px 0}.event-card time{flex-direction:row;align-items:baseline;gap:15px}.event-day{font-size:66px}.event-body h2{font-size:43px;margin:14px 0}.event-body p{font-size:16px}.event-body .event-venue,.event-body .event-description{font-size:13px}.event-actions{gap:20px}.press-list .press-row{grid-template-columns:minmax(0,1fr) 18px;gap:8px 14px}.press-row>span:first-child{grid-column:1}.press-row>span:nth-child(2){grid-column:1}.press-row>.external{grid-column:2;grid-row:1/3;align-self:center}.hero-bottom{gap:12px}.hero-bottom p{max-width:none;padding-right:8px}.hero-copy{min-height:280px}html[lang="ru"] .hero-title{font-size:clamp(66px,15vw,96px);letter-spacing:-.07em}.header-inner{gap:12px}.brand{font-size:26px}.tools{gap:11px}.contact-links a{font-size:14px}.footer-bottom{font-size:10px}}

.bio-source{display:block;width:fit-content;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-top:5px}.bio-source:hover{color:var(--ink)}

/* mycelium project documentation */
.hero-stage img{object-position:62% 30%}
.ww-field{background:#030605;border:1px solid #243028}
.ww-field-top span:first-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.05em;font-size:23px}
.mycelium-caption{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:27px 0 38px;color:var(--muted)}
.mycelium-caption h2{font-family:Georgia,serif;font-size:32px;letter-spacing:-.04em;font-weight:400;margin:0;color:var(--ink)}
.mycelium-caption p{font-size:15px;line-height:1.65;max-width:640px;margin:0}
@media(max-width:640px){.hero-stage img{object-position:62% 28%}.mycelium-caption{grid-template-columns:1fr;gap:12px}.ww-field-top>span:last-child{max-width:52%;line-height:1.5;text-align:right}}

.mycelium-documentation{margin:0 0 48px;font-size:12px;color:var(--muted)}.mycelium-documentation summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px}.mycelium-source{position:relative;aspect-ratio:2048/946;background:#000;overflow:hidden;margin-top:20px;border-radius:18px}.mycelium-source img{position:absolute;left:50%;top:50%;width:46.1914%;height:auto;max-width:none;transform:translate(-50%,-50%) rotate(90deg)}#mycelium{scroll-margin-top:100px}

/* Original mycelium recording, with its own audio track. */
.mycelium-film{margin:0;min-width:0;background:#030605;border:1px solid #243028;border-radius:22px;overflow:hidden;color:#c5cec7}
.mycelium-film video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}
.mycelium-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-top:1px solid #202b23}
.mycelium-film figcaption>div{display:grid;gap:6px}.mycelium-film strong{font:400 21px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em;color:#e6ebe5}
.mycelium-film figcaption span{font-size:10px;line-height:1.6;letter-spacing:.03em}.mycelium-film figcaption>a{flex-shrink:0;text-decoration:underline;text-underline-offset:4px;color:#9aa99e}
@media(max-width:640px){.mycelium-film{border-radius:18px}.mycelium-film figcaption{padding:15px 16px;align-items:flex-start;gap:12px}.mycelium-film figcaption span{font-size:9px}.mycelium-film strong{font-size:19px}.mycelium-film figcaption>div{max-width:73%}}

.mycelium-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px}.mycelium-actions>a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px;color:#9aa99e}.mycelium-sound{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #627568;border-radius:24px;background:transparent;color:#d9e7dc;cursor:pointer;white-space:nowrap;font:inherit}.mycelium-sound:hover{background:#18251c}.mycelium-sound:focus-visible{outline:2px solid #b9d4c1;outline-offset:3px}.mycelium-sound[aria-pressed="false"] .sound-waves{opacity:.3}.mycelium-sound[aria-pressed="true"]{background:#d9e7dc;color:#102117}.mycelium-sound svg{flex-shrink:0}@media(max-width:640px){.mycelium-film figcaption{flex-wrap:wrap}.mycelium-film figcaption>div{max-width:none;width:100%}.mycelium-actions{width:100%;justify-content:space-between}.mycelium-sound{padding:8px 13px}}

/* mycelium runs as a moving image, without player chrome. */
.mycelium-film video{pointer-events:none}
.mycelium-film video::-webkit-media-controls{display:none!important}
.mycelium-film video::-webkit-media-controls-panel{display:none!important}
.mycelium-film video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

/* Motion remains visible even when the browser declines video autoplay. */
.hero-applause img{object-position:50% 24%}
.mycelium-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.mycelium-stage .mycelium-motion{display:block;width:100%;height:100%;object-fit:contain;filter:none;border:0}
.mycelium-stage video{position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:contain;pointer-events:none}
.mycelium-stage.has-video video{opacity:1}.mycelium-stage audio{display:none}

/* Original film photograph, preserved without sharpening or retouching. */
.hero-film img{object-position:68% 35%}
@media(max-width:640px){.hero-film img{object-position:74% 35%}}

.work-recordings{padding:30px 0 80px}.work-recordings[hidden]{display:none}.recordings-list{display:grid;gap:38px}.recording-screen{position:relative;aspect-ratio:16/9;min-height:200px;background:#171816;overflow:hidden;border-radius:var(--photo-radius)}.recording-screen iframe{display:block;width:100%;height:100%;border:0}.recording-start{position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer;color:#fff;background:#171816}.recording-start>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.recording-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;font:14px Arial,sans-serif;letter-spacing:.04em}.recording-action:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor}.recording-start:hover .recording-action{background:rgba(0,0,0,.15)}.recording-caption{font-size:14px;line-height:1.7;color:var(--muted);margin:15px 0 8px}.recording-fallback{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.archive-work-link{text-decoration:underline;text-underline-offset:4px}
.work-recordings,.recording-card{min-width:0}.work-recordings .section-header h2{font-size:clamp(36px,6vw,78px);overflow-wrap:anywhere}.recording-screen{width:100%;max-width:100%}

.photo-credit{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0 0}.photo-credit a{text-decoration:underline;text-underline-offset:3px}

.catalogue-recording{padding:0;align-self:start}.catalogue-recording .section-header{display:none}.catalogue-recording .recording-screen{min-height:240px}.catalogue-recording .recording-start{position:absolute;inset:0}.catalogue-recording .recording-caption{display:none}.work-hero>div:first-child{min-width:0}.work-hero h1{overflow-wrap:anywhere}@media(max-width:640px){.catalogue-recording .recording-screen{min-height:200px}.catalogue-recording{padding-bottom:10px}}

/* supplied recording stills: shared photographic treatment, crop player margins */
.work-visual.video-still{aspect-ratio:16/9;overflow:hidden;min-height:0;align-self:center;background:#151515}
.work-visual.video-still img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08)}
.frame-recordings .recording-screen{overflow:hidden}
.frame-recordings .recording-start img{object-fit:cover;object-position:center;transform:scale(1.08)}
main#content .work-visual.video-still{aspect-ratio:16/9;height:auto;min-height:0;position:relative}
main#content .work-visual.video-still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}

main#content .work-visual.video-still img,.frame-recordings .recording-start img{transform:none}

/* Full supplied choir frame: intrinsic image sizing avoids narrow-screen clipping. */
main#content .work-visual.video-still.poteshki-frame{display:block;aspect-ratio:auto;height:auto;min-height:0;max-height:none;align-self:start;width:100%}
main#content .work-visual.video-still.poteshki-frame img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
.poteshki-recording .recording-start{position:absolute;inset:0;display:block}
.poteshki-recording .recording-start>img{object-fit:contain;transform:none}
.archive-year{font-size:clamp(36px,5vw,62px);margin:56px 0 12px;letter-spacing:-.04em;font-weight:400}
.archive-event{align-items:start;gap:24px;grid-template-columns:130px minmax(0,1fr) 110px}
.archive-event-body{min-width:0}.archive-work-link,.archive-work-title{font-size:clamp(23px,3vw,34px);line-height:1.15;overflow-wrap:break-word}
.archive-programme{font-size:16px;line-height:1.5;margin:12px 0 6px}.archive-details{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:780px}
.archive-source{font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;justify-self:end}
@media(max-width:640px){.archive-event{grid-template-columns:1fr;gap:12px}.archive-source{justify-self:start}.archive-year{margin-top:42px}.archive-details{font-size:13px}}

main#content .work-visual.video-still.full-still{display:block;aspect-ratio:auto;height:auto;min-height:0;max-height:none;width:100%;align-self:start}
main#content .work-visual.video-still.full-still img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}

/* Keep recording posters inside their player at every viewport width. */
main#content .recording-screen{position:relative;aspect-ratio:16/9;min-height:0;overflow:hidden}
main#content .recording-screen .recording-start{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0}
main#content .recording-screen .recording-start>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;transform:none}

.contact-page .contact-purpose{margin:0 0 28px;font-size:16px;line-height:1.65}.contact-page .contact-links{max-width:850px}.contact-page{padding-bottom:80px}
