/* Curated work, a quiet catalogue, and a clear independent/studio practice. */
:root{--bg:#111213;--surface:#1a1c1e;--ink:#f0efea;--muted:#a6aaad;--line:#323639;--accent:#e1d7c4;--max:1440px}
[hidden]{display:none!important}html{scroll-padding-top:30px}.header,main,footer{max-width:1440px}.header{padding:30px 48px;gap:24px}.header-actions{gap:30px}.wordmark{font-weight:700}.wordmark span{letter-spacing:.18em}.header nav{gap:25px;font-size:.875rem}.header nav .nav-contact{border:0;border-bottom:1px solid #797e80;border-radius:0;padding:9px 0}.language-switch{font-size:.875rem}.language-switch button{min-width:38px;min-height:42px;border-radius:3px}.language-switch button[aria-pressed=true]{color:var(--ink);background:#282b2d}.section{margin:0 48px;padding-bottom:100px;scroll-margin-top:30px}.work{padding-top:42px}.section-heading{gap:35px;padding-top:25px;align-items:baseline}.work .section-heading{border:0;padding-top:0}.section-heading h1{font-size:2rem;letter-spacing:-.045em;line-height:1.2}.section-heading h2{font-size:1.3rem}.section-heading>p{font-size:1rem;max-width:56ch;text-align:left}.eyebrow{font-size:.8rem;letter-spacing:.1em}.filters{gap:25px;border-bottom:1px solid var(--line);margin:28px 0 24px}.filters .filter{padding:13px 0 16px;margin:0 0 -1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-size:.9rem;min-height:48px}.filters .filter[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent);background:none}.filters .filter:hover{color:var(--ink);border-top:0;border-left:0;border-right:0}.subfilters{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 20px}.subfilters .filter{background:transparent;color:var(--muted);padding:8px 13px;min-height:40px;border:1px solid var(--line);border-radius:3px;font-size:.875rem}.subfilters .filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.subfilters .filter:hover{border-color:var(--muted)}.work-count{font-size:.8rem;color:var(--muted);float:right;margin:0 0 18px 20px}.filter-description{font-size:.9rem;margin-bottom:24px;max-width:75ch}
.project-grid{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.project-grid.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.project{grid-column:auto}.project-image{height:auto;aspect-ratio:16/10;background:#090a0b;border-radius:3px}.project-image>img{height:100%;object-fit:cover;transition:transform .5s,filter .4s}.project:hover .project-image>img{transform:scale(1.025);filter:brightness(1.08)}.project-info{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:15px 0 0}.project-info h3{font-size:1.08rem;line-height:1.35;letter-spacing:-.025em}.project-subtitle{font-size:.875rem;margin-top:6px;line-height:1.5}.media-count{font-size:.75rem;color:#838b91;font-variant-numeric:tabular-nums;margin-top:4px}.image-open{right:15px;bottom:15px;display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ink);background:#111315e6;border:1px solid #747a7b;padding:10px 14px;border-radius:2px}.play-symbol{font-size:1.3rem;line-height:1}.project-lead{grid-column:1/-1;position:relative}.project-lead .project-image{aspect-ratio:2.35/1}.project-lead .project-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#060809eb);pointer-events:none}.project-lead .project-info{position:absolute;left:32px;right:32px;bottom:30px;z-index:1;pointer-events:none;padding:0;align-items:end}.project-lead h3{font-size:clamp(1.8rem,3.5vw,3.3rem);letter-spacing:-.05em}.project-lead .project-subtitle{color:#d3d5d5;font-size:1rem}.project-lead .media-count{display:none}.project-lead .image-open{opacity:1;transform:none;right:32px;bottom:34px;z-index:2}.archive-action{display:flex;justify-content:center;margin-top:35px}.archive-action button{background:none;color:var(--ink);border:1px solid #5a6266;padding:13px 22px;min-height:48px;border-radius:3px;font-size:.9rem}.archive-action button:hover{background:var(--surface)}.text-card{padding:26px;border:1px solid var(--line)}.text-card .small-note{font-size:.75rem;color:var(--muted);letter-spacing:.08em}.text-card .large-title{font-size:2rem;letter-spacing:-.045em;line-height:1.15}.text-card .card-note{font-size:.8rem;line-height:1.5}.project-image .art-viewport{--stage-height:250px}.project[data-project=ottoman-ironwork] .project-image>img{object-fit:contain}
.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:32px 0 40px}.services-intro h2{font-size:clamp(1.9rem,3.1vw,2.8rem);line-height:1.2;letter-spacing:-.045em;max-width:16ch}.services-intro>p{font-size:1.05rem;color:var(--muted);max-width:55ch}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.service-grid article{padding:25px 0 12px;border-top:1px solid var(--line)}.service-number{font-size:.75rem;color:#899097}.service-grid h3{font-size:1.15rem;margin:18px 0 12px;letter-spacing:-.025em}.service-grid p{font-size:1rem;color:var(--muted);max-width:36ch}.practice{padding-top:0}.practice-intro{gap:70px;margin:42px 0 0}.practice h3{font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.25;max-width:18ch}.practice-intro p+p{margin-top:22px}.studio{grid-template-columns:1fr 2fr;gap:34px 50px;padding-top:0;padding-bottom:75px;border-bottom:0}.studio-image{grid-column:1/-1;aspect-ratio:1280/347;object-fit:cover;margin-bottom:10px}.studio-label p{font-size:.875rem;margin-top:12px}.studio h2{font-size:clamp(3rem,6.5vw,5.5rem);letter-spacing:-.065em}.studio-copy{display:block;margin-top:26px}.studio-copy>p{max-width:60ch;font-size:1rem}.studio-links{gap:18px 26px;margin-top:25px}.text-link{font-size:.9rem;line-height:1.7;border-color:#697174}.contact{padding-top:25px;border-top:1px solid var(--line);padding-bottom:75px}.contact h2{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.08;letter-spacing:-.055em;margin:25px 0 40px}.contact-bottom>p{font-size:1rem}.contact-links{grid-template-columns:repeat(3,auto);gap:13px 28px;font-size:.9rem}.contact-links a:first-child{font-size:1.2rem}footer{padding:28px 48px;font-size:.8rem}
dialog{width:min(1120px,calc(100vw - 36px));max-height:92dvh;background:#141618;border:1px solid #42494e;border-radius:4px}dialog::backdrop{background:#060809df;backdrop-filter:blur(6px)}.dialog-top{gap:16px;background:#141618f5;padding:13px 28px;z-index:3}.dialog-actions{gap:24px}#close-dialog{border-color:#495056;border-radius:3px;padding:8px 13px;min-height:42px;font-size:.875rem}.detail-heading{padding:35px 40px 0}#detail-title{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em}.detail-subtitle{font-size:1rem}.product-callout{gap:18px;margin-top:22px}.product-link{border:1px solid #737b80;padding:10px 15px;border-radius:3px;font-size:.9rem;background:none;color:var(--ink)}.product-link:hover{background:#282d31}.product-callout>span{font-size:.8rem}.project-links{margin-top:20px}.detail-body{padding:30px 40px 36px;gap:50px}.detail-body h4{font-size:.75rem;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.detail-body p{color:#c6cccf}.detail-body ul{color:#bac1c5}.detail-body li{padding:7px 0}.project-video{margin-bottom:28px;border:0}.video-heading{padding:0 40px 15px}.video-heading h3{font-size:1.05rem}.video-heading p{font-size:.875rem}.video-frame{margin:0 40px 25px;background:#070809}.video-frame iframe{display:block;width:100%;aspect-ratio:16/9}.gallery{--stage-height:min(66vh,660px);margin-bottom:30px}.gallery-stage{background:#070809}.gallery-toolbar{padding:17px 40px;gap:20px}.gallery-caption{color:#bdc5ca;font-size:.9rem;line-height:1.5}.gallery-source{display:inline-block;color:var(--accent);font-size:.8rem;border-bottom:1px solid #777e80;margin-top:7px}.gallery-controls button{border-radius:3px;border-color:#414a51}.gallery-thumbnails{scrollbar-color:#616a71 #171b1e}.gallery-thumb{border-radius:2px;background:#080b0d}.gallery-hint{font-size:.8rem;color:#919ba1}.chapter{gap:20px}.chapter strong{font-weight:500;font-size:1rem}.chapter-description{font-size:.9rem;line-height:1.55}.detail-note{font-size:.9rem}
@media(max-width:1100px){.header{padding:25px 30px}.header-actions{gap:18px}.header nav{gap:17px}.section{margin-left:30px;margin-right:30px;padding-bottom:75px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-intro,.practice-intro{gap:38px}.project-lead .image-open{bottom:24px;right:24px}.project-lead .project-info{bottom:24px;left:24px;right:24px}.project-lead h3{font-size:2.3rem}.project-lead .project-subtitle{font-size:.875rem}.studio{grid-template-columns:1fr 2fr;gap:30px}.contact-links{gap:12px 18px}footer{padding-left:30px;padding-right:30px}}
@media(max-width:760px){.header{align-items:flex-start;gap:20px}.header-actions{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:5px}.header nav{flex-wrap:wrap;justify-content:flex-end;gap:5px 15px;max-width:280px;font-size:.875rem}.header nav a{padding:6px 0}.section-heading{display:block}.section-heading>p{margin-top:14px;max-width:52ch}.filters{gap:0 23px;margin-top:24px}.filters .filter{padding-top:10px;padding-bottom:12px}.project-lead .project-image{aspect-ratio:16/10}.project-lead .project-info{position:static;padding-top:15px}.project-lead .project-image:after{display:none}.project-lead .image-open{bottom:18px;right:18px}.project-lead h3{font-size:1.5rem}.project-lead .project-subtitle{color:var(--muted)}.services-intro,.practice-intro{display:grid;grid-template-columns:1fr;gap:25px}.services-intro h2,.practice h3{max-width:24ch}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.studio{grid-template-columns:1fr}.studio-image{aspect-ratio:2.8/1}.contact-bottom{display:block}.contact-links{margin-top:28px;justify-content:start}.detail-body{gap:25px;grid-template-columns:1fr}.dialog-top .eyebrow{font-size:.75rem}.dialog-actions{gap:12px}}
@media(max-width:520px){.header{padding:22px 20px}.wordmark{font-size:.88rem}.wordmark span{font-size:.75rem;letter-spacing:.1em}.header nav{max-width:210px}.section{margin-left:20px;margin-right:20px;padding-bottom:62px}.work{padding-top:32px}.section-heading h1{font-size:1.7rem}.section-heading>p{font-size:1rem}.filters{gap:0 19px}.filters .filter{font-size:.875rem}.subfilters{gap:7px}.subfilters .filter{font-size:.875rem;padding:7px 10px}.project-grid,.project-grid.curated-grid{grid-template-columns:1fr;gap:30px}.project,.project-lead{grid-column:auto}.project-image,.project-lead .project-image{height:auto;aspect-ratio:16/10}.project-image .art-viewport{--stage-height:240px}.image-open{opacity:1;transform:none;font-size:.8rem;padding:8px 11px}.project-info h3{font-size:1.1rem}.project-lead h3{font-size:1.35rem}.project-subtitle{font-size:.875rem}.service-grid{grid-template-columns:1fr}.service-grid article{padding-top:20px;padding-bottom:4px}.service-grid h3{margin-top:12px}.service-grid p{max-width:none}.services-intro{padding-top:25px;padding-bottom:28px}.services-intro h2,.practice h3{font-size:2rem}.studio h2{font-size:3.7rem}.studio-links{gap:15px 22px}.contact h2{font-size:2.9rem}.contact-links{gap:10px 22px;font-size:.875rem}.contact-links a:first-child{font-size:1.1rem}footer{padding:25px 20px}dialog{width:calc(100vw - 16px);max-height:96dvh}.dialog-top{padding:10px 16px}.dialog-top>.eyebrow{max-width:12ch}.dialog-actions{gap:8px}.dialog-actions .language-switch{gap:0}.dialog-actions .language-switch button{min-width:32px}.detail-heading{padding:26px 22px 0}.detail-body{padding:25px 22px 30px}.video-heading{padding:0 22px 14px}.video-frame{margin:0 22px 24px}.gallery{--stage-height:55vh}.gallery-toolbar{padding:16px 20px;align-items:start;gap:10px}.gallery-caption{font-size:.875rem}.gallery-controls{gap:8px}.gallery-controls button{width:36px;height:40px}.gallery-counter{font-size:.75rem}.gallery-thumbnails{margin:0 18px;gap:7px}.gallery-thumb{flex-basis:76px;height:53px}.gallery-thumb .art-viewport{--stage-height:45px}.gallery-hint{padding-left:22px;padding-right:22px}.project-chapters{margin:0 22px 25px}.detail-note{padding:0 22px 25px}}

/* Keep navigation on its own row on narrow screens. */
@media(max-width:760px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.header-actions{display:contents}.header>.wordmark{grid-column:1;grid-row:1}.header-actions>.language-switch{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;max-width:none;justify-content:flex-start;gap:6px 18px}.header nav a{min-height:40px;display:flex;align-items:center}}

/* Publication year remains a secondary, optional archive filter. */
.archive-filters{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:0 24px}
.archive-filters .subfilters{flex:1 1 420px;margin:0 0 20px}
.year-controls{display:grid;grid-template-columns:auto minmax(145px,auto);gap:8px 12px;align-items:center;margin:0 0 22px;margin-left:auto;max-width:380px}
.year-controls label{color:var(--muted);font-size:.8rem}
.year-controls select{font:inherit;font-size:.875rem;color:var(--ink);background:var(--bg);color-scheme:dark;border:1px solid var(--line);border-radius:3px;min-height:42px;padding:8px 12px;cursor:pointer;max-width:100%}
.year-controls select:hover{border-color:var(--muted)}
.year-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#year-explanation{grid-column:1/-1;font-size:.75rem;line-height:1.5;color:var(--muted);max-width:42ch}
.project-year{white-space:nowrap;font-variant-numeric:tabular-nums}
.detail-timeline{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:20px 40px 0;font-size:.875rem;color:var(--muted)}
.detail-timeline time{color:var(--ink);font-variant-numeric:tabular-nums}
.detail-timeline a{font-size:.8rem;border-bottom:1px solid #697174;margin-left:4px}
@media(max-width:760px){.year-controls{margin-left:0}.archive-filters .subfilters{flex-basis:100%}}
@media(max-width:520px){.year-controls{width:100%;max-width:none;grid-template-columns:auto minmax(0,1fr)}.detail-timeline{margin-left:22px;margin-right:22px}}

/* Client-facing production planning, kept separate from the service catalogue. */
.production-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:30px 70px;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.production-note h3{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:500;letter-spacing:-.025em;line-height:1.35;max-width:23ch;color:var(--ink)}
.production-note p{font-size:1rem;line-height:1.8;color:var(--muted);max-width:68ch}
@media(max-width:760px){.production-note{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:24px}.production-note h3{max-width:none}}

/* Keep the supplied HÜR frame and its screen credits fully visible on the card. */
.project[data-project="hur"] .project-image>img{object-fit:contain}
.project[data-project="hur"] .image-open{top:15px;bottom:auto}