@charset "UTF-8";
/* ZZKY — atelier edition. Shared scale, individual material palettes. */
@font-face{font-family:Atelier;src:url('fonts/cormorant-garamond-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Atelier;src:url('fonts/cormorant-garamond-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Studio;src:url('fonts/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Studio;src:url('fonts/dm-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--sans:Studio,Arial,sans-serif;--display:Atelier,Georgia,serif;--mono:Studio,Arial,sans-serif;--side:232px}
body{--paper:#f4f0e7;--surface:#e9e4d9;--ink:#293b32;--muted:#686b60;--line:#cfcfc0;--accent:#965435;--wash:color-mix(in srgb,var(--accent) 6%,transparent);font-family:Georgia,serif;-webkit-font-smoothing:antialiased}
body[data-theme=stone]{--paper:#f0f0e9;--surface:#e5e7df;--ink:#293b32;--muted:#626e63;--line:#cbd1c5;--accent:#44674a}
body[data-theme=paper]{--paper:#f7f2e7;--surface:#eee7d9;--ink:#37372d;--muted:#786b57;--line:#d5cbb8;--accent:#805335}
body[data-theme=reading]{--paper:#f6f1e7;--surface:#ece4d5;--ink:#36372e;--muted:#756d5e;--line:#d4ccb9;--accent:#875735}
body[data-theme=clay]{--paper:#f1e8dd;--surface:#e7d9c8;--ink:#453b30;--muted:#7b6553;--line:#d7c3ae;--accent:#985636}
body[data-theme=olive]{--paper:#edf0e3;--surface:#e0e5d3;--ink:#35412f;--muted:#68745e;--line:#c8d0bc;--accent:#536b38}
body[data-theme=forest]{--paper:#eaf0e6;--surface:#dce6d7;--ink:#2e4538;--muted:#617662;--line:#bfd0be;--accent:#3f7152}
body[data-theme=signal]{--paper:#181b23;--surface:#222833;--ink:#f0ece4;--muted:#b2b8c5;--line:#3f4858;--accent:#c5b7f0}
body[data-theme=stage]{--paper:#1c2221;--surface:#28312d;--ink:#f2eee0;--muted:#b9bfae;--line:#455045;--accent:#d9c795}
body[data-theme=game]{--paper:#1b2c26;--surface:#263b30;--ink:#f1f1df;--muted:#b9c8b7;--line:#475f4f;--accent:#c2d695}
body[data-theme=violet]{--paper:#271f2d;--surface:#34293d;--ink:#f4eaf1;--muted:#c3b2c6;--line:#5a4461;--accent:#d9b7ed}
body[data-theme=cyan]{--paper:#192b2c;--surface:#223b3a;--ink:#eaf3ec;--muted:#afc7be;--line:#43635e;--accent:#90ddc9}
body[data-theme=amber]{--paper:#2b261e;--surface:#3b3227;--ink:#f3ebdc;--muted:#c9bda6;--line:#61533d;--accent:#e6c58b}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777' opacity='.14' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
button,a,input,summary,select{touch-action:manipulation}
button,a{transition:color .2s,background-color .2s,border-color .2s,transform .25s}
a:hover{text-decoration:none}
.prose a:hover,.video-action:hover,.document-link a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--display);font-weight:400}
h1{font-size:clamp(70px,8.5vw,132px);letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.signature{font-family:var(--display);font-size:57px;font-weight:500;font-style:normal;letter-spacing:-5px}
.sidebar{padding:42px 25px 26px;background:color-mix(in srgb,var(--surface) 45%,var(--paper));border-color:var(--line)}
.sidebar .signature{align-self:flex-start}
.sidebar .signature::after{content:'';display:inline-block;width:7px;height:7px;margin:0 0 8px 8px;border-radius:50%;background:var(--accent)}
.side-name{font-family:var(--sans);font-size:11px;line-height:1.8;letter-spacing:.08em;margin-top:17px}
.search-open{margin:35px 0 24px;font-size:11px;padding:11px 0;color:var(--muted);border-top:0}
.search-open:hover{color:var(--ink)}
.nav-root{min-height:46px;border-radius:3px;padding-inline:9px;margin-inline:-9px;gap:12px}
.nav-root>a{font-weight:500;font-size:11px;letter-spacing:.085em}
.nav-number{font-size:9px;letter-spacing:.04em;opacity:.8}
.nav-root:has(>[aria-current=page]),.nav-root.on-trail{background:var(--wash)}
.nav-root:has(>[aria-current=page])::before{left:-16px;width:3px;height:18px;border-radius:2px}
.nav-root:hover{background:var(--wash)}
.nav-root>button{font:18px var(--sans);width:32px;min-height:44px;color:var(--muted)}
.nav-children{margin-top:5px;margin-bottom:18px;padding-left:13px}
.nav-children a{font-size:12px;padding:8px 0}
.nav-children a[aria-current=page]{text-decoration:none;font-weight:500}
.side-contact{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}
.side-contact::after{content:'◌';font-size:18px;line-height:1}
main{padding-inline:clamp(32px,5.2vw,92px);max-width:1900px}
.page-heading{padding-top:37px;padding-bottom:45px;isolation:isolate}
#breadcrumbs{font-size:11px;letter-spacing:.02em;margin-bottom:20px}
#page-index{font-size:10px;letter-spacing:.12em;margin-bottom:47px;text-transform:uppercase}
#page-index>span:first-child::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:1px}
#page-index>span:last-child{letter-spacing:.06em}
.page-heading>h1,.page-heading>#page-intro{position:relative;z-index:1}
#section-nav{gap:8px 9px;padding-block:17px;margin-bottom:29px}
#section-nav a{border-radius:3px;padding:8px 12px;font-size:12px}
#section-nav a:hover{color:var(--ink);background:var(--wash)}
#section-nav a[aria-current=page]{background:var(--ink);color:var(--paper);box-shadow:none}
#content{padding-top:45px}
.collection-count{font-size:11px;letter-spacing:.02em;margin-top:25px}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}

/* Material studies are decorative; all artwork remains untouched. */
.chapter-mark{width:180px;height:145px;position:absolute;right:4px;bottom:27px;color:var(--accent);opacity:.48;z-index:0;perspective:600px}
.chapter-mark svg,.orbit-seal svg{width:100%;height:100%;stroke:currentColor;stroke-width:.8;transition:transform .65s ease;transform:rotateX(var(--turn-x,0deg)) rotateY(var(--turn-y,0deg));overflow:visible}
body:not([data-page=home]):not([data-reading=true]) .page-heading:has(.chapter-mark):not(.has-cover):not(.has-media) h1{max-width:calc(100% - 190px)}
body[data-reading=true] .chapter-mark{opacity:.2}
body[data-reading=true] .page-heading h1{max-width:850px}
.has-cover .chapter-mark,.has-media .chapter-mark,body[data-page=home] .chapter-mark{display:none}

/* Home: an opening spread, with the work as its focal point. */
body[data-page=home] .page-heading{grid-template-columns:1fr 1.12fr;gap:0 44px;padding-bottom:47px}
body[data-page=home] #page-index{margin-bottom:49px}
body[data-page=home] .page-heading h1{font-size:clamp(84px,8.6vw,136px);max-width:none;align-self:end;margin-bottom:15px}
.home-copy{padding:8px 0 12px;align-self:start}
.home-quote{font:400 clamp(26px,2.6vw,39px)/1.24 var(--display);letter-spacing:-.015em;margin-bottom:40px;max-width:430px}
.home-entry{gap:18px 28px}
.home-entry a{font:11px var(--sans);min-width:125px;min-height:44px;align-items:center;letter-spacing:.015em;padding:12px 0}
.home-entry span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--wash);color:var(--accent);transition:transform .25s}
.home-entry a:hover span{transform:translate(2px,-2px)}
.home-work{position:relative;align-self:stretch;margin-top:0;perspective:900px}
.home-work>a{padding:0;background:#202721;overflow:hidden;aspect-ratio:1.12;display:flex;align-items:center;justify-content:center}
.home-work img{width:100%;height:100%;max-height:none;object-fit:contain;transition:transform .8s ease}
.home-work>a:hover img{transform:scale(1.025)}
.home-work figcaption{font:10px/1.6 var(--sans);padding:13px 0;background:none;color:var(--muted);letter-spacing:.025em;border-bottom:1px solid var(--line)}
.orbit-seal{position:absolute;left:-37px;bottom:66px;width:92px;height:92px;background:var(--paper);border:1px solid var(--accent);border-radius:50%;color:var(--accent);padding:10px;pointer-events:none;box-shadow:0 4px 18px #00000008}
.home-explore{gap:28px;margin-bottom:55px;padding-bottom:42px}
.home-explore a{position:relative}
.home-explore img{height:210px;padding:18px;transition:transform .45s,background .25s;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.home-explore a:hover img{transform:translateY(-4px)}
.home-explore span{font:400 30px/1.2 var(--display);margin-top:16px}
.home-explore b,.card b{font:18px var(--sans);transition:transform .25s}
.home-explore a:hover b,.card:hover b{transform:translate(3px,-3px)}

/* A single type scale across collection, reading and production pages. */
.prose{max-width:720px;font-size:17px;line-height:1.95}
.prose p{margin-bottom:28px}
.prose h2{font-size:36px;line-height:1.2;margin-top:58px;padding-top:26px}
.language{gap:8px;border:0;margin-bottom:34px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.language button{padding:12px 17px;letter-spacing:.1em;border:1px solid transparent;border-radius:3px;font-size:10px}
.language button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}
.page-toc{background:color-mix(in srgb,var(--surface) 55%,var(--paper));border-radius:4px;font-size:12px}
.page-toc summary{padding:16px 19px}
.page-toc button{font-size:12px;padding:11px}
.page-toc button:hover{background:var(--wash);text-decoration:none}
.reading-tools{font-size:11px}
.reading-tools button{border-radius:3px;font:17px var(--sans)}
body[data-reading=true] .prose{line-height:1.95}
body[data-reading=true] h1{font-size:clamp(65px,7.2vw,105px);line-height:1.03}
body[data-reading=true] #content{padding-top:52px}
.document-link{padding:21px 22px;border:1px solid var(--line);background:var(--wash);font-size:12px;border-radius:3px}
.pdf{border-radius:3px}
.gallery-toolbar{padding:5px 0 23px;font-size:11px}
.gallery-toolbar>div{border-radius:4px;overflow:hidden}
.gallery-toolbar button{padding:11px 21px}
.gallery{gap:42px 30px}
.gallery figure{padding-top:25px}
.gallery figure::before{font:10px var(--sans);letter-spacing:.12em}
.gallery .art{padding:25px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);overflow:hidden;transition:background .3s}
.gallery .art img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.gallery .art:hover img{transform:scale(1.04)}
.gallery .art::after{right:12px;bottom:12px;padding:10px;border-radius:50%;font-size:18px;opacity:1;box-shadow:0 2px 10px #00000008}
.gallery figcaption{font:11px/1.8 var(--sans);border-top:0;margin-top:0;padding-top:14px;letter-spacing:.015em}
#content[data-density=overview] .gallery{gap:35px 23px}
#content[data-density=overview] .gallery .art{padding:17px}
body[data-page=pattern] .gallery .art{background:#ede7da;padding:22px}
.gallery-more button{border-radius:3px;font-size:12px;min-height:48px;transition:transform .2s,background .2s}
.gallery-more button:hover{transform:translateY(-2px);border-color:var(--accent)}
.inline-images figure{padding:16px;border:1px solid var(--line)}
.cards{gap:40px 30px}
.card{padding-top:28px;transition:border-color .25s}
.card::before{font-size:10px;letter-spacing:.12em}
.card img{height:290px;padding:18px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);transition:transform .5s}
.card>span{font:400 39px/1.12 var(--display);letter-spacing:-.015em;padding:20px 0 24px}
.bio{gap:7%;grid-template-columns:.85fr 1.15fr;margin-top:20px}
.bio>figure{padding:21px;border:1px solid var(--line)}
.bio>figure img{height:440px}
.bio h2{font:11px var(--sans);letter-spacing:.15em;color:var(--accent)}
.bio p{font-size:16px;line-height:1.95}
.exhibitions{max-width:none}
.exhibitions h2{font-size:42px}
.exhibitions p{font:13px/1.8 var(--sans);padding:17px 0}
body[data-page=yazilar] .card{grid-template-columns:60px 1fr 100px;padding:32px 0;min-height:150px}
body[data-page=yazilar] .card>span{font:400 clamp(34px,4.2vw,60px)/1.1 var(--display)}
body[data-page=yazilar] .card>small{font:11px/1.7 var(--sans);letter-spacing:.02em}
body[data-page=yazilar] .card img{width:100px;height:100px;padding:8px}
body[data-page=yazilar] .card:hover{background:var(--wash)}
.game-diagram{min-height:390px;border:1px solid var(--line);background-size:25px 25px;perspective:700px}
.game-diagram i{width:280px;height:280px;left:calc(50% - 140px);top:calc(50% - 140px);transition:transform .8s;transform:rotate(-25deg) rotateX(var(--turn-x,0deg)) rotateY(var(--turn-y,0deg))}
.game-diagram span{font:13px var(--sans);padding:18px 28px;border-radius:3px;box-shadow:0 8px 25px #00000015}
.game-diagram:hover i{border-style:dashed}
.game-frame{border-radius:4px}
.game-status{color:var(--muted);font:12px/1.7 var(--sans)}
.game-versions button{font:12px var(--sans);padding:13px 17px;min-height:44px;border-color:var(--line)}

/* Each production has its own colour, inside the same editorial system. */
.has-cover{grid-template-columns:1.2fr .8fr;gap:0 30px}
.has-cover h1{font-size:clamp(55px,6.4vw,95px)}
.has-cover h1{grid-row:2;align-self:center}
.has-cover #page-intro{grid-row:2}
.section-cover{position:relative;padding:12px;border:1px solid var(--line);background:var(--surface)}
.section-cover::before{content:'';position:absolute;inset:5px;border:1px solid var(--line);pointer-events:none}
.section-cover img{height:210px;object-fit:contain}
.production-cards .card img{height:205px;padding:11px}
.production-cards .card>span{font-size:30px}
.production-cards .card:first-child{background:radial-gradient(ellipse at 100% 0,var(--wash),transparent 70%),var(--surface);border:1px solid var(--line);padding:35px 22px 0;min-height:240px}
.production-cards .card:first-child::after{content:'';position:absolute;right:22px;top:25px;width:54px;height:54px;border:1px solid var(--accent);border-radius:50%;box-shadow:9px 0 0 -1px var(--surface),10px 0 0 0 var(--accent);opacity:.6}
.production-cards .card:first-child>span{font:400 45px/1.05 var(--display)}
.production-profile>h2:first-of-type{font:400 46px/1.1 var(--display)}
.production-profile>h2{font:12px/1.8 var(--sans)}
.service-lines{font-size:14px;line-height:1.9;padding-block:30px}
.offerings-chronology>h2{font-size:56px}
.event-toolbar{gap:20px;padding:24px 0;margin-top:18px;border-top:1px solid var(--line)}
input,select{border-radius:3px;font-family:var(--sans);background:color-mix(in srgb,var(--surface) 70%,var(--paper))}
.offering-event{position:relative;padding:32px 0 32px 26px;border-left:1px solid var(--line);border-bottom:0;margin-left:4px}
.offering-event::before{content:'';position:absolute;top:46px;left:-4px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--paper)}
.offering-event:not(:last-child)::after{content:'';position:absolute;left:26px;right:0;bottom:0;height:1px;background:var(--line)}
.event-lead h3{font-size:33px;line-height:1.2}
.event-lead>a{font-size:11px}
.video{border-radius:4px;box-shadow:0 8px 22px #0000000c}
.video{position:relative}
.video-poster{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--surface);color:var(--accent);overflow:hidden;display:grid;place-items:center}
.video-poster>svg{position:absolute;width:90%;height:150%;inset:-25% 5%;stroke:currentColor;stroke-width:.4;opacity:.25;transition:transform .6s}
.video-poster:hover>svg{transform:scale(1.07) rotate(-5deg)}
.play-disc{display:grid;place-items:center;width:54px;height:54px;border:1px solid currentColor;border-radius:50%;font:15px var(--sans);padding-left:3px;background:var(--paper);transition:transform .25s}
.video-poster:hover .play-disc{transform:scale(1.09)}
.play-label{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;gap:12px;font:11px var(--sans);color:var(--ink)}
.play-label small{font:10px var(--sans);color:var(--muted)}
.video-action{font-size:11px;padding:10px 0;letter-spacing:.015em}
.video-link,.gallery-film>p{font-family:var(--sans)}
.showrooms h2{font:400 clamp(36px,4.5vw,66px)/1.14 var(--display);padding:38px 0 38px 70px;transition:color .3s,background .3s}
.showrooms h2::before{top:49px;font:11px var(--sans)}
.showrooms h2:hover{background:var(--wash);color:var(--accent)}
.contact{max-width:none;counter-reset:contacts}
.contact p{font:16px/1.7 var(--sans);padding:23px 40px 23px 0;position:relative}
.contact p:has(a)::after{content:'↗';position:absolute;right:4px;top:27px;color:var(--accent);font:21px var(--sans);pointer-events:none}
.contact p a{font:400 clamp(21px,2.5vw,34px)/1.4 var(--display);color:var(--ink);text-decoration:none;padding:3px 0;overflow-wrap:anywhere}
.contact p a:hover{color:var(--accent);text-decoration:underline}
.contact p:first-child>a{display:block;margin-top:6px}
.contact p:not(:has(a)){font:11px var(--sans);letter-spacing:.13em;color:var(--muted);padding-top:42px;text-transform:uppercase}
#continue-nav{margin-top:85px;gap:35px}
#continue-nav a{padding:31px 0}
#continue-nav a:hover span{color:var(--accent)}
#continue-nav span{font:400 clamp(28px,3vw,44px)/1.15 var(--display)}
#continue-nav small{font-size:10px;letter-spacing:.08em;margin-bottom:13px}
footer{padding-block:24px;font-size:10px;letter-spacing:.09em}
footer>a:first-child{font:500 29px/1 var(--display);letter-spacing:-2px}
footer button{min-height:44px}
dialog{border-radius:5px;box-shadow:0 30px 120px #0004}
dialog::backdrop{background:#0a120fde;backdrop-filter:blur(6px)}
.dialog-close{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font:27px/1 var(--sans);display:grid;place-items:center}
#search-heading{font:400 49px/1.05 var(--display)}
#search-results span{font-family:var(--display);font-size:32px}
#search-results a:hover{background:var(--wash)}
#search-results small{font-size:10px;letter-spacing:.05em}
#lightbox{background:#141b17;border:1px solid #435044;border-radius:5px;color:#f4f0e7}
#lightbox .dialog-close{color:#f4f0e7;border-color:#566050}
#lightbox-caption{font:13px/1.8 var(--sans);color:#dddccc}
#lightbox-counter{font:11px var(--sans);letter-spacing:.12em}
.lightbox-stage button{border-radius:50%;font:22px var(--sans)}

@media(prefers-reduced-motion:no-preference){
  .page-heading h1{animation:arrive .55s both}
  .chapter-mark path,.chapter-mark ellipse{stroke-dasharray:600;stroke-dashoffset:0;animation:draw .9s ease-out both}
  #content>.cards,#content>.home-explore{animation:arrive .65s both}
  dialog[open]{animation:arrive .2s both}
  @keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
  @keyframes draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
}
@media(min-width:1600px){.home-work>a{aspect-ratio:1.18}.home-explore img{height:250px}}
@media(max-width:1200px) and (min-width:761px){
  :root{--side:205px}.sidebar{padding-inline:23px}main{padding-inline:35px}
  body[data-page=home] .page-heading{gap:0 30px}body[data-page=home] .page-heading h1{font-size:88px}
  .home-quote{font-size:30px}.home-entry{gap:15px}.home-entry a{min-width:105px;font-size:10px}
  .home-explore img{height:170px}.home-explore span{font-size:26px}.home-work>a{aspect-ratio:.95}
  .orbit-seal{width:75px;height:75px;left:-25px;bottom:57px}.chapter-mark{width:140px;height:120px}
  body:not([data-page=home]):not([data-reading=true]) .page-heading:has(.chapter-mark):not(.has-cover):not(.has-media) h1{max-width:calc(100% - 130px)}
  body[data-page=home] .page-heading h1{max-width:none}.has-cover h1{font-size:62px}
  .section-cover img{height:190px}.card img{height:240px}.card>span{font-size:34px}
  .bio{gap:35px}.bio>figure img{height:330px}.production-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px) and (min-width:761px){
  body[data-page=home] .page-heading{grid-template-columns:1fr}.home-work{grid-column:1;grid-row:auto;margin-top:28px}
  .home-work>a{aspect-ratio:1.45}.home-copy{padding-top:10px}.home-quote{max-width:none;margin-bottom:24px}
  .home-explore{gap:14px}.home-explore img{height:130px;padding:10px}.home-explore span{font-size:23px}
  .orbit-seal{left:auto;right:18px;bottom:62px}.has-cover{grid-template-columns:1fr}.has-cover #page-intro{grid-column:1;grid-row:auto;margin-top:25px}
  .section-cover img{height:210px}.bio{grid-template-columns:1fr}.bio>figure{position:static}
  .chapter-mark{opacity:.2}body:not([data-page=home]):not([data-reading=true]) .page-heading:has(.chapter-mark):not(.has-cover):not(.has-media) h1{max-width:100%}
}
@media(max-width:760px){
  :root{--side:0px}html{scroll-padding-top:90px}main{padding-inline:24px}
  .mobile-header{padding:11px 22px;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(16px)}
  .mobile-header .signature{font:500 40px/1 var(--display);letter-spacing:-3px}
  .mobile-actions{gap:6px}.mobile-actions button{font-size:22px;border:1px solid var(--line);border-radius:50%;width:40px;height:40px}
  .page-heading{padding-top:27px;padding-bottom:30px}#page-index{font-size:9px;letter-spacing:.06em;margin-bottom:32px;gap:12px}
  #page-index>span:last-child{max-width:58%;font-size:9px}#page-index>span:first-child::before{width:5px;height:5px;margin-right:7px}
  h1{font-size:clamp(58px,13.7vw,95px)}
  body:not([data-page=home]):not([data-reading=true]) .page-heading:has(.chapter-mark):not(.has-cover):not(.has-media) h1{max-width:100%}
  .chapter-mark{width:104px;height:84px;bottom:14px;right:0;opacity:.16}
  body[data-page=home] .page-heading{grid-template-columns:1fr;gap:0;padding-bottom:27px}
  body[data-page=home] #page-index{margin-bottom:30px}
  body[data-page=home] .page-heading h1{font-size:clamp(80px,20vw,128px);margin-bottom:0}
  .home-copy{padding:14px 0 28px}.home-quote{font-size:30px;line-height:1.15;margin-bottom:22px;max-width:none}
  .home-entry{gap:28px}.home-entry a{font-size:11px;min-width:128px}
  .home-work{grid-column:1;grid-row:auto;margin:0}.home-work>a{aspect-ratio:1.1}
  .home-work figcaption{padding:12px 0;font-size:10px}.orbit-seal{width:69px;height:69px;left:auto;right:15px;bottom:60px;padding:7px}
  #content{padding-top:30px}.home-explore{gap:13px;padding-bottom:30px;margin-bottom:35px}
  .home-explore img{height:125px;padding:8px}.home-explore span{font-size:24px;margin-top:12px;gap:5px}.home-explore b{font-size:14px}
  #section-nav{gap:5px;padding:13px 0;margin-bottom:25px}#section-nav a{font-size:11px;padding:8px 10px;min-height:38px}
  .collection-count{font-size:10px;gap:8px 15px}.prose{font-size:16px;line-height:1.9}.prose h2{font-size:31px;line-height:1.2}
  .language{gap:4px}.language button{font-size:10px;padding-inline:13px}
  body[data-reading=true] h1{font-size:clamp(53px,12vw,85px)}body[data-reading=true] #content{padding-top:34px}
  .page-toc{width:100%}.page-toc summary{padding:15px}.reading-tools{margin:0}
  .gallery-toolbar{font-size:10px;padding-top:0}.gallery-toolbar button{font-size:11px;padding:10px 17px}
  .gallery{gap:30px}.gallery .art{padding:20px}.gallery .art::after{font-size:16px;padding:7px;right:9px;bottom:9px}
  .gallery figcaption{font-size:11px;line-height:1.7}.gallery figure::before{font-size:9px}
  #content[data-density=overview] .gallery{gap:25px 13px}#content[data-density=overview] .gallery .art{padding:10px}
  #content[data-density=overview] .gallery figcaption{font-size:10px}#content[data-density=overview] .gallery .art::after{padding:4px;font-size:14px;right:5px;bottom:5px}
  .cards{gap:28px}.card img{height:280px;padding:15px}.card>span{font-size:36px}
  .bio{grid-template-columns:1fr;gap:30px;margin-top:5px}.bio>figure{position:static;padding:17px}.bio>figure img{height:330px}.bio p{font-size:16px}
  .exhibitions p{font-size:12px}.exhibitions h2{font-size:36px}.document-link{padding:17px;font-size:11px}
  body[data-page=yazilar] .card{grid-template-columns:28px 1fr 68px;gap:0 11px;padding:27px 0;min-height:125px}
  body[data-page=yazilar] .card>span{font-size:34px}body[data-page=yazilar] .card>small{font-size:10px}body[data-page=yazilar] .card img{width:68px;height:78px;padding:5px}
  .game-diagram{min-height:300px;padding:25px 9%;gap:55px 20px}.game-diagram i{width:220px;height:220px;top:calc(50% - 110px);left:calc(50% - 110px)}
  .game-diagram span{padding:14px 12px;min-width:80px;font-size:12px}
  .has-cover{grid-template-columns:1fr;gap:0}.has-cover h1{font-size:clamp(50px,12.6vw,86px)}
  .has-cover #page-intro{grid-column:1;grid-row:auto;margin-top:27px}.section-cover img{height:205px}
  .production-cards{gap:25px 16px}.production-cards .card img{height:165px;padding:8px}.production-cards .card>span{font-size:27px}
  .production-cards .card:first-child{padding:32px 15px 0;min-height:230px}.production-cards .card:first-child>span{font-size:37px}
  .production-cards .card:first-child::after{width:37px;height:37px;right:19px;top:28px}
  .production-profile>h2:first-of-type{font-size:38px}.service-lines{font-size:13px}.offerings-chronology>h2{font-size:46px}
  .event-toolbar{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:20px 0}.event-toolbar>span{grid-column:1/-1}
  .event-toolbar input,.event-toolbar select{font-size:12px;padding:11px}.offering-event{padding:27px 0 27px 17px}.offering-event::before{top:38px}.offering-event::after{left:17px}
  .event-lead h3{font-size:29px}.event-lead>a{font-size:10px}
  .showrooms h2{font-size:clamp(32px,8.8vw,48px);padding:30px 0 30px 38px}.showrooms h2::before{top:38px;font-size:10px}
  .contact p{font-size:13px;padding:21px 26px 21px 0}.contact p a{font-size:24px;line-height:1.3}.contact p::after{font-size:18px}
  #continue-nav{margin-top:57px;gap:23px}#continue-nav a{padding:25px 0}#continue-nav span{font-size:28px}
  footer{font-size:9px;letter-spacing:.03em}footer>a:first-child{font-size:26px}
  #mobile-nav{width:min(440px,calc(100% - 24px));padding:28px 25px 30px;max-height:calc(100dvh - 24px)}
  #mobile-nav>.signature{margin:0 0 25px;font-size:53px}#mobile-nav .nav-root>a{font-size:13px;padding-block:15px}
  #mobile-nav .nav-root{min-height:48px}#mobile-nav .nav-children a{padding-block:11px;font-size:13px}
  #search-heading{font-size:42px}#search-results span{font-size:29px}.dialog-close{width:42px;height:42px}
}
@media(max-width:390px){
  main{padding-inline:19px}.mobile-header{padding-inline:19px}.home-quote{font-size:27px}
  .home-entry{gap:20px}.home-entry a{min-width:113px;font-size:10px}.home-explore{gap:10px}.home-explore img{height:105px;padding:6px}.home-explore span{font-size:20px}
  .production-cards{grid-template-columns:1fr}.production-cards .card img{height:240px}.production-cards .card:first-child{min-height:190px}
  body[data-page=yazilar] .card>span{font-size:29px}.event-toolbar{grid-template-columns:90px minmax(0,1fr)}
  .contact p a{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .chapter-mark svg,.orbit-seal svg{transform:none!important}
}
@media print{
  .sidebar,.mobile-header,#section-nav,#page-tools,#continue-nav,footer,.reading-progress,.chapter-mark,.orbit-seal{display:none!important}
  body{background:white;color:black}main{margin:0;padding:0;max-width:none}.page-heading{padding:0 0 20px}.prose{max-width:none}
  .page-heading h1{max-width:none!important;font-size:40pt!important}.gallery figure{break-inside:avoid}
}