@charset "UTF-8";
:root{color-scheme:light;--bg:#ffffff;--surface:#f5f5f7;--line:#dcdce1;--muted:#62626b;--text:#242429;--accent:#825820;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.header{height:116px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px}.brand{font-size:36px;font-weight:800;letter-spacing:-1.7px}.brand>span{color:var(--accent)}.brand small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:400;margin-top:8px;color:var(--muted)}nav{display:flex;gap:35px;margin-left:auto;font-size:15px}nav a:hover{color:var(--accent)}.languages{display:flex;align-items:center;gap:9px;font-size:14px;color:#727277}.languages button{border:0;background:transparent;padding:10px 3px;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:45px;padding-bottom:64px;align-items:center}.eyebrow{font-size:12px;font-weight:600;line-height:1.7;letter-spacing:2px;color:var(--accent);margin:0 0 22px}.hero h1{font-size:clamp(40px,4.3vw,67px);line-height:1.13;letter-spacing:-2.7px;font-weight:500;margin:0 0 25px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.intro{color:var(--muted);font-size:17px;line-height:1.8;max-width:395px;margin-bottom:33px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--accent);color:#fff;padding:17px 22px;font-size:15px;font-weight:600}.primary:hover{background:#674419}.hero-note{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;margin-top:48px}.note-line{width:35px;height:1px;background:#64615d}.hero-art{position:relative;width:100%;height:550px;background:#09090b;padding:0;border:1px solid #27272a;overflow:hidden;text-align:left}.hero-art>img{width:100%;height:100%;object-fit:contain;transition:transform .8s}.hero-art:hover>img{transform:scale(1.025)}.art-caption{position:absolute;inset:auto 0 0;padding:45px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.9));display:flex;align-items:center;justify-content:space-between}.art-caption small{display:block;color:var(--accent);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.art-caption strong{font-size:22px;font-weight:400}.circle-arrow{width:43px;height:43px;border:1px solid #68625a;border-radius:50%;display:grid;place-items:center;font-size:22px}.collection{padding:48px 0 75px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head .eyebrow{margin-bottom:12px;font-size:11px}h2{font-weight:400;font-size:42px;letter-spacing:-1.4px;line-height:1.2;margin:0}.section-head h2 span{color:var(--accent)}.count{font-size:14px;color:var(--muted);margin-bottom:4px}.filters{display:flex;justify-content:space-between;gap:20px;margin:30px 0;align-items:center;flex-wrap:wrap}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-buttons button{padding:11px 17px;font-size:14px;border:1px solid var(--line);background:transparent;border-radius:2px;color:var(--muted)}.filter-buttons button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:#18181b}.universe-label{display:flex;gap:10px;font-size:13px;align-items:center;color:var(--muted)}select{max-width:235px;background:var(--bg);border:1px solid var(--line);padding:11px;color:var(--text);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.card{display:block;text-align:left;width:100%;padding:0;border:0;background:none;min-width:0}.card-photo{display:block;aspect-ratio:4/5;background:var(--surface);position:relative;overflow:hidden;border:1px solid var(--line)}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.card:hover img{transform:scale(1.04)}.card-photo .photo-badge{position:absolute;right:12px;bottom:12px;color:#ddd;background:#111b;padding:6px 9px;font-size:12px}.card-meta{display:flex;justify-content:space-between;gap:12px;padding-top:17px}.card-meta small{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px}.card-meta strong{font-weight:400;font-size:20px;line-height:1.35;display:block}.card-arrow{color:var(--muted);padding-top:21px;font-size:22px}.contacts{border-top:1px solid var(--line);padding:58px 0 70px}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.contact-layout h2{font-size:45px;line-height:1.3}.contact-layout p{color:var(--muted);line-height:1.8;margin-top:0}.contact-layout a{border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:15px}.contact-layout a span{color:var(--accent);font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:25px 0;border-top:1px solid var(--line)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--accent);color:#fff;padding:15px}.skip:focus{top:10px}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:24px;width:min(1200px,94vw);max-height:94dvh}dialog::backdrop{background:#17171b80;backdrop-filter:blur(6px)}.gallery-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;margin-bottom:20px}.gallery-top button,.viewer-controls button{background:transparent;border:1px solid var(--line);width:44px;height:44px;font-size:20px}.gallery-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.viewer{background:var(--surface);min-width:0}.viewer>img{display:block;width:100%;height:65dvh;object-fit:contain}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px;font-size:14px}.gallery-layout aside{min-width:0}.gallery-layout h2{font-size:32px}.gallery-layout aside>p:not(.eyebrow){line-height:1.7;color:var(--muted);white-space:pre-line}.thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px;max-height:45dvh;overflow:auto;padding:3px}.thumbnails button{padding:0;border:1px solid var(--line);background:var(--surface);aspect-ratio:1}.thumbnails button[aria-pressed=true]{border-color:var(--accent)}.thumbnails img{width:100%;height:100%;object-fit:contain;display:block}[hidden]{display:none!important}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-art{height:630px}.hero{padding-block:55px 75px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero-art{height:470px}.hero h1{font-size:45px}.hero-note{margin-top:30px}.grid{gap:27px 18px}.card-meta strong{font-size:18px}.contact-layout{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:95px;gap:15px;flex-wrap:wrap}.brand{font-size:29px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:14px;font-size:13px}.languages{gap:4px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:35px;gap:28px}.hero h1{font-size:44px;letter-spacing:-1.8px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.intro{font-size:16px;margin-bottom:24px}.hero-note{display:none}.hero-art{height:450px}.section-head{align-items:start}.section-head h2{font-size:32px}.count{font-size:12px;white-space:nowrap;margin-top:29px}.collection{padding:32px 0 45px}.filters{margin-top:23px;gap:14px}.filter-buttons{gap:6px}.filter-buttons button{padding:10px 12px;font-size:13px}.universe-label{width:100%;justify-content:space-between}select{max-width:75%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.card-meta{padding-top:11px}.card-meta strong{font-size:16px}.card-meta small{font-size:9px;letter-spacing:.8px}.card-arrow{display:none}.contact-layout{grid-template-columns:1fr;gap:22px}.contact-layout h2{font-size:34px}.contacts{padding-block:35px 45px}footer{flex-direction:column;gap:10px}.gallery-layout{grid-template-columns:1fr}.viewer>img{height:50dvh}.gallery-layout h2{font-size:26px}dialog{padding:15px}.thumbnails{grid-template-columns:repeat(5,1fr)}.gallery-top{margin-bottom:12px}}
@media(max-width:390px){.brand small{max-width:150px;line-height:1.5}.header{gap:8px}nav{gap:10px;font-size:12px}.hero h1{font-size:39px}.hero-art{height:390px}.grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:700px){.header{height:auto;min-height:106px;display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:17px}.header .brand{grid-column:1;grid-row:1}.header .languages{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;margin-left:0;gap:24px}}

/* Featured collection: photographs take the first screen. */
.hero-slider{margin-top:26px;border:1px solid var(--line);background:var(--bg)}
.slider-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:1.6px;color:var(--muted)}
.slider-topline span:first-child{color:var(--accent)}
.slides{position:relative;height:clamp(420px,61svh,680px);overflow:hidden;touch-action:pan-y}
.slide{position:absolute;inset:0;isolation:isolate;background:#101012;animation:slide-reveal .65s ease-out}
.slide-image{display:block;position:absolute;inset:0 0 0 auto;width:83%;height:100%;object-fit:contain}
.slide::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#101012 0%,#101012e6 12%,#10101288 32%,transparent 57%),linear-gradient(0deg,#10101299,transparent 32%)}
.slide-caption{position:absolute;left:42px;bottom:42px;z-index:1;max-width:53%}
.slide-caption .eyebrow{font-size:13px;margin-bottom:16px;letter-spacing:2.5px}
.slide-caption h2{font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-2px;text-wrap:balance;overflow-wrap:break-word;text-shadow:0 2px 25px #0008}
.slide-open{display:inline-flex;align-items:center;gap:25px;margin-top:26px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #9b815f;color:var(--accent);font-size:14px}
.slide-open:hover{color:var(--text);border-color:var(--text)}
.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:14px 30px;border-top:1px solid #27272b}
.slide-dots{display:flex;gap:5px;align-items:center}
.slide-dot{display:grid;place-items:center;width:45px;height:44px;background:none;border:0;padding:10px 3px}
.slide-dot::after{content:"";display:block;width:100%;height:2px;background:#55545a;transition:background .25s,height .25s}
.slide-dot[aria-current=true]::after{background:var(--accent);height:4px}
.slider-transport{display:flex;gap:10px;align-items:center}
#slide-count{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:18px;white-space:nowrap}
.slider-transport button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid #44444a;font-size:23px}
.slider-transport button:hover{border-color:var(--accent);color:var(--accent)}
#slide-toggle{font-size:14px}
.personal-story{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:8px 64px;align-items:start}
.personal-story h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.4;letter-spacing:-.35px;color:var(--accent);margin:0;text-wrap:balance}
.home-collection-title{font-size:42px;font-weight:400;letter-spacing:-1.5px;margin:0}.home-collection-title span{color:var(--accent)}
.story-copy{min-width:0}
.story-copy p{font-size:16px;color:var(--muted);line-height:1.8;margin:0 0 14px}
.text-link{display:inline-flex;gap:26px;padding:12px 0;color:var(--accent);font-size:14px}
.text-link:hover{text-decoration:underline}
.anime-section{border-top:1px solid var(--line);padding-block:46px 58px}
.anime-section .grid:not(:empty){margin-top:30px}
.anime-empty{max-width:620px;color:var(--muted);font-size:17px;line-height:1.8;margin:25px 0 0;border-left:2px solid var(--accent);padding:5px 0 5px 22px}
.slider-error{padding:40px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes slide-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.slide-caption{left:28px;bottom:30px;max-width:55%}.slide-caption h2{font-size:49px}.slider-topline{font-size:11px;padding-inline:24px}.slider-controls{padding-inline:24px}}
@media(max-width:700px){
  .hero-slider{margin-top:20px}.slider-topline{padding:14px 18px;font-size:10px;letter-spacing:1px}.slider-topline span:last-child{display:none}
  .slides{height:540px;height:clamp(460px,68svh,590px)}.slide-image{width:100%;height:76%;inset:0 0 auto;object-position:center}
  .slide::after{background:linear-gradient(0deg,#101012 0%,#101012 15%,#101012aa 30%,transparent 52%)}
  .slide-caption{left:22px;right:22px;bottom:22px;max-width:none}.slide-caption .eyebrow{font-size:12px;letter-spacing:1.6px;margin-bottom:12px}
  .slide-caption h2{font-size:38px;letter-spacing:-1.2px;max-width:100%;text-wrap:initial}.slide-open{margin-top:15px;font-size:14px;padding:10px 0}
  .slider-controls{padding:10px 16px;gap:10px;flex-wrap:wrap}.slide-dot{width:24px;min-width:24px;padding-inline:2px}.slide-dots{gap:3px}
  .slider-transport{gap:6px}.slider-transport button{width:40px;height:44px}#slide-count{font-size:12px;margin-right:6px}
  .personal-story{gap:22px;padding-block:4px 40px}.home-collection-title{font-size:32px;letter-spacing:-1px}.story-copy p{font-size:16px}
  .anime-section{padding-block:34px 40px}.anime-section h2{font-size:32px}.anime-empty{font-size:16px}
}
@media(max-width:430px){.slider-controls{justify-content:center;gap:0}.slide-dots{justify-content:center;width:100%}.slide-dot{width:34px;height:32px}.slider-transport{justify-content:center;width:100%;padding-bottom:4px}#slide-count{margin-right:auto}.slides{height:500px}.slide-caption h2{font-size:34px}}

/* Each category has its own circular shelf. */
.category-links{margin:0;gap:10px 24px;flex-wrap:wrap;font-size:14px}
.category-links a{padding-block:10px;color:var(--muted);border-bottom:1px solid transparent}
.category-links a:hover,.category-links a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
.category-row{--row-gap:24px;--visible-cards:3;padding-block:30px 34px;border-top:1px solid var(--line);scroll-margin-top:28px}
.category-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.category-heading{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.category-heading h3{font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.6px;margin:0}
.category-count{font-size:13px;color:var(--muted);white-space:nowrap}
.category-all{border:0;border-bottom:1px solid #bba27f;background:transparent;color:var(--accent);font-size:14px;min-height:44px;padding:8px 0;white-space:nowrap}
.category-all::after{content:' ↗';margin-left:10px}.is-expanded .category-all::after{content:' ↑'}
.category-all:hover{color:var(--text);border-color:var(--text)}
.category-deck{position:relative}
.category-viewport{overflow:hidden;touch-action:pan-y}
.category-track{display:flex;gap:var(--row-gap);align-items:start;will-change:transform}
.category-track.is-moving{transition:transform .36s cubic-bezier(.22,.65,.28,1)}
.category-track>.card{flex:0 0 calc((100% - (var(--visible-cards) - 1) * var(--row-gap)) / var(--visible-cards))}
.category-track .card:focus-visible{outline-offset:-3px}
.category-track .card-meta{padding-inline:2px}
.category-track .card-meta small{font-size:12px;letter-spacing:1.1px}
.category-arrow{position:absolute;top:0;z-index:4;width:32px;height:var(--category-photo-height,0px);padding:0;display:grid;place-items:center;background:#ffffffdb;border:1px solid #c7b69e;color:var(--accent);font-size:22px;line-height:1;box-shadow:0 3px 12px #24242914;transition:background .2s,border-color .2s}
.category-arrow:active,.category-arrow.is-held{background:var(--accent);border-color:var(--accent);color:#fff;transition-duration:0s}
.category-arrow{touch-action:none;user-select:none;-webkit-user-select:none}
.category-prev{left:-16px}.category-next{right:-16px}
.category-footer{display:flex;justify-content:flex-end;padding-top:18px}
.category-position{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1.4px}
.category-empty{color:var(--muted);font-size:16px;line-height:1.8;margin:0;max-width:630px;padding:7px 0 7px 20px;border-left:2px solid var(--accent)}
.is-expanded .category-track{display:grid;grid-template-columns:repeat(var(--visible-cards),minmax(0,1fr));gap:34px var(--row-gap);will-change:auto}

/* A second, larger frame keeps the gallery underneath the zoomed photo. */
.viewer-photo{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in;touch-action:pan-y}
.viewer-photo:focus-visible{outline-offset:-3px}
.viewer-photo>img{display:block;width:100%;height:65dvh;object-fit:contain}
.open-zoom{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;background:#fffffff2;border:1px solid #bba27f;color:var(--accent);font-size:14px;box-shadow:0 4px 18px #24242918}
.viewer-photo:hover .open-zoom,.viewer-photo:focus-visible .open-zoom{background:var(--accent);color:#fff}
#zoom-dialog{width:min(1500px,94vw);height:90dvh;max-height:90dvh;max-width:94vw;padding:16px;margin:auto;overflow:hidden;border-color:var(--line);box-shadow:0 20px 100px #17171b40}
#zoom-dialog[open]{display:flex;flex-direction:column;gap:14px}
#zoom-dialog::backdrop{background:#17171b80;backdrop-filter:blur(8px)}
.zoom-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.zoom-heading{display:flex;align-items:baseline;gap:15px;min-width:0}
.zoom-heading h2{font-size:20px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
#zoom-photo-count{font-size:13px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.zoom-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}
.zoom-tools button{min-width:44px;height:44px;border:1px solid #c9c9d0;background:transparent;font-size:22px;padding:0 10px}
.zoom-tools button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.zoom-tools button:disabled{opacity:.35;cursor:default}
#zoom-reset{font-size:14px;margin-inline:5px}
#zoom-level{font-size:13px;min-width:52px;text-align:center;font-variant-numeric:tabular-nums;color:var(--accent)}
#zoom-stage{position:relative;flex:1;min-height:0;background:var(--surface);overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in}
#zoom-stage:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
#zoom-stage.is-zoomed{cursor:grab}#zoom-stage.is-dragging{cursor:grabbing}
#zoom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;user-select:none}
.zoom-hint{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 20px;color:var(--muted);font-size:12px;line-height:1.5;margin:0;flex-shrink:0}
.zoom-touch-hint{display:none}
.zoom-navigation{display:flex;justify-content:center;align-items:center;gap:28px;flex-shrink:0;padding-top:2px}
.zoom-navigation button{width:58px;min-height:46px;background:var(--surface);border:1px solid var(--line);font-size:25px;color:var(--accent)}
.zoom-navigation button:hover:not(:disabled){border-color:var(--accent)}
.zoom-navigation button:disabled{opacity:.35;cursor:default}
#zoom-navigation-count{font-size:14px;min-width:65px;text-align:center;font-variant-numeric:tabular-nums}
.is-direct-gallery #zoom-photo-count{display:none}
.is-direct-gallery .zoom-hint [data-i18n=zoomCloseHint]{display:none}
@media(max-height:500px){.is-direct-gallery .zoom-hint{display:none}#zoom-dialog.is-direct-gallery[open]{gap:8px}#zoom-dialog.is-direct-gallery{height:94dvh;max-height:94dvh}.is-direct-gallery .zoom-navigation{padding:0}.is-direct-gallery .zoom-heading h2{font-size:17px}}
#zoom-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted);line-height:1.6}
.zoom-load-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;max-width:90%;margin:0;padding:8px 12px;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-size:12px;line-height:1.5;text-align:center;pointer-events:none}
@media(max-width:900px){
  .category-row{--row-gap:18px}
  .zoom-top{flex-wrap:wrap;gap:10px}.zoom-tools{margin-left:auto}
}
@media(max-width:700px){.viewer-photo>img{height:50dvh}}
@media(max-width:600px){
  .category-row{padding-block:24px 28px}.category-head{margin-bottom:18px}.category-heading{gap:7px 13px}.category-heading h3{font-size:25px}.category-count{font-size:12px}
  .category-links{gap:6px 20px}.category-links a{padding-block:7px}.category-prev{left:-12px}.category-next{right:-12px}
  .category-track .card-photo{aspect-ratio:4/5;max-height:66svh}.category-track .card-meta strong{font-size:20px}.category-track .card-meta small{font-size:12px}
  .category-footer{padding-top:14px}#zoom-dialog{padding:10px;width:94vw;height:92dvh;max-height:92dvh}#zoom-dialog[open]{gap:10px}
  .zoom-heading{width:100%;justify-content:space-between}.zoom-heading h2{font-size:17px}.zoom-tools{width:100%;justify-content:center;gap:5px}.zoom-tools #close-zoom{margin-left:auto}
  #zoom-reset{margin-inline:0}.zoom-hint{font-size:12px;gap:4px}.open-zoom{right:10px;bottom:10px}
}
@media(pointer:coarse){.zoom-mouse-hint{display:none}.zoom-touch-hint{display:inline}}

/* Shared palette for the public site and every editor. */
:root[data-site-theme="dark"]{color-scheme:dark;--bg:#111113;--surface:#19191c;--line:#333337;--muted:#a5a5ab;--text:#eeece7;--accent:#d8ad77}
[data-site-theme="dark"] .primary{color:#151316}
[data-site-theme="dark"] .primary:hover{background:#e6bd8c}
[data-site-theme="dark"] .skip{color:#111}
[data-site-theme="dark"] .card-photo{background:#08080a;border-color:#26262a}
[data-site-theme="dark"] .hero-slider{background:#101012}
[data-site-theme="dark"] .slider-topline{border-bottom-color:#27272b}
[data-site-theme="dark"] .category-all{border-bottom-color:#70604c}
[data-site-theme="dark"] .category-all:hover{border-bottom-color:var(--text)}
[data-site-theme="dark"] .category-arrow{background:#171719db;border-color:#6a5a46;box-shadow:0 3px 12px #0005}
[data-site-theme="dark"] .category-arrow:active,[data-site-theme="dark"] .category-arrow.is-held{background:var(--accent);border-color:var(--accent);color:#151316}
[data-site-theme="dark"] dialog{background:#141416}
[data-site-theme="dark"] dialog::backdrop{background:#000d}
[data-site-theme="dark"] .viewer,[data-site-theme="dark"] .thumbnails button,[data-site-theme="dark"] #zoom-stage{background:#08080a}
[data-site-theme="dark"] .open-zoom{background:#151517eb;border-color:#796548;box-shadow:0 4px 18px #0005}
[data-site-theme="dark"] .viewer-photo:hover .open-zoom,[data-site-theme="dark"] .viewer-photo:focus-visible .open-zoom{background:var(--accent);color:#151316}
[data-site-theme="dark"] #zoom-dialog{border-color:#645644;box-shadow:0 20px 100px #000a}
[data-site-theme="dark"] .zoom-tools button{border-color:#48484d}
[data-site-theme="dark"] .zoom-tools button:hover:not(:disabled){border-color:var(--accent)}

#site-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--bg);overflow:hidden}
#site-wallpaper img{display:block;width:100%;height:100%;object-fit:cover}
#site-wallpaper[data-wallpaper-tone="dark"]{background:#111113}
#site-wallpaper[data-wallpaper-tone="light"]{background:#fff}
/* Keep the nested main above the wallpaper even when the sidebar layout is disabled. */
body.has-wallpaper>header,body.has-wallpaper>main,body.has-wallpaper>.homepage-layout>main,body.has-wallpaper>footer{position:relative;z-index:1}
/* Cover the entire content column, including the carousel arrows and gaps. */
#site-wallpaper[data-wallpaper-mode="sides"]::after{content:"";position:absolute;inset-block:0;left:50%;transform:translateX(-50%);width:var(--wallpaper-content-width,min(1368px,100%));background:var(--bg)}
/* One image keeps the centre and side crops aligned while their strengths differ. */
#site-wallpaper{--wallpaper-center-edge:max(0px,calc((100% - var(--wallpaper-content-width,min(1368px,100%))) / 2))}
:is(#site-wallpaper,.wallpaper-layer)[data-wallpaper-mode="full"]>img{
  --wallpaper-mask:linear-gradient(to right,rgba(0,0,0,var(--wallpaper-opacity,.35)) var(--wallpaper-center-edge),rgba(0,0,0,var(--wallpaper-center-opacity,.35)) var(--wallpaper-center-edge),rgba(0,0,0,var(--wallpaper-center-opacity,.35)) calc(100% - var(--wallpaper-center-edge)),rgba(0,0,0,var(--wallpaper-opacity,.35)) calc(100% - var(--wallpaper-center-edge)));
  -webkit-mask-image:var(--wallpaper-mask);mask-image:var(--wallpaper-mask);
}
.about-section{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;border-top:1px solid var(--line);padding-block:58px 66px}
.header nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.information-page{min-height:calc(100svh - 190px)}
.information-heading{padding-block:32px 38px}
.information-heading .page-back{margin-bottom:20px}
.information-heading h1{font-size:clamp(36px,4vw,54px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:0}
.title-dot{color:var(--accent)}
.information-page .about-section{padding-top:42px}
.contact-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;margin-bottom:42px}
.contact-intro h2{font-size:clamp(32px,3.5vw,45px);line-height:1.3}
.contact-intro p{color:var(--muted);font-size:16px;line-height:1.8;margin:0;max-width:520px}
.contact-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.contact-person{min-width:0}
.contact-person+ .contact-person{border-left:1px solid var(--line);padding-left:40px}
.contact-person h3{font-size:28px;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin:0 0 18px;color:var(--accent)}
.contact-person a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:17px 0;border-bottom:1px solid var(--line);font-size:16px;overflow-wrap:anywhere}
.contact-person a>span:last-child{color:var(--accent);font-size:14px;text-align:right}
.contact-person a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.contact-form-section{display:none}
body[data-page="contacts"] .contact-form-section{display:block;margin-top:56px;padding-top:42px;border-top:1px solid var(--line)}
.contact-form-section h2{font-size:clamp(30px,3vw,40px)}
.contact-form-intro{color:var(--muted);font-size:16px;line-height:1.8;margin:16px 0 28px}
#contact-form{max-width:960px}
#contact-fields{border:0;padding:0;margin:0;min-width:0}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.contact-form-grid label{display:grid;gap:10px;min-width:0;font-size:16px}
.contact-field-wide{grid-column:1/-1}
.contact-form-grid input,.contact-form-grid textarea{width:100%;min-width:0;padding:14px 16px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:0;font:inherit;line-height:1.5}
.contact-form-grid textarea{resize:vertical;min-height:170px}
.contact-form-grid input:focus,.contact-form-grid textarea:focus{border-color:var(--accent)}
.contact-form-grid small,.contact-form-privacy{font-size:14px;line-height:1.7;color:var(--muted)}
.contact-form-grid input[type="file"]{font-size:14px;padding:10px}
.contact-form-grid input::file-selector-button{padding:10px 14px;margin-right:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer}
.contact-attachments{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.contact-attachment{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line)}
.contact-attachment img{width:90px;height:90px;object-fit:contain;background:var(--surface)}
.contact-attachment .contact-file-icon{display:grid;place-items:center;flex:0 0 70px;height:90px;background:var(--surface);color:var(--accent);border:1px solid var(--line);border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.5px;text-align:center}
.contact-attachment span{font-size:14px;overflow-wrap:anywhere;flex:1;min-width:0}
.contact-attachment button{min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px}
.contact-form-privacy{margin:24px 0 20px}
#contact-submit{min-height:48px;border:1px solid var(--accent);line-height:1.5}
#contact-submit:disabled{opacity:.5;cursor:not-allowed}
.contact-form-status{font-size:16px;line-height:1.7;color:var(--accent);margin:18px 0 0;min-height:1.7em}
.contact-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:600px){.contact-form-grid{grid-template-columns:1fr;gap:20px}.contact-attachment{flex-wrap:wrap}.contact-attachment button{width:100%}body[data-page="contacts"] .contact-form-section{margin-top:38px;padding-top:30px}}
@media(max-width:900px){.contact-intro{gap:30px}.contact-people{gap:28px}.contact-person+ .contact-person{padding-left:28px}}
@media(max-width:700px){.contact-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.contact-people{grid-template-columns:1fr;gap:32px}.contact-person+ .contact-person{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.contact-person h3{font-size:26px;margin-bottom:12px}}
.workshop-status{grid-column:1/-1;color:var(--muted);line-height:1.7}
@media(max-width:700px){.information-heading{padding-block:22px 28px}.information-page .about-section{padding-top:30px}}
.category-page{min-height:65vh;padding-top:32px}
.category-back{margin-bottom:25px}
.category-page h1{font-size:clamp(36px,4vw,54px);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:0}
.category-page h1 span{color:var(--accent)}
.category-grid{padding-top:30px;border-top:1px solid var(--line);align-items:start}
.category-links a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
.category-heading a:hover{color:var(--accent)}
.category-page #empty{margin-top:30px}
.category-manage-link{display:inline-block;color:var(--accent);font-size:13px;line-height:1.7;margin-top:8px}
.workshop-photos{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.workshop-photo{grid-column:span 2;position:relative;aspect-ratio:3/2;overflow:hidden;padding:0;border:1px solid var(--line);background:var(--surface);text-align:left}
.workshop-photo:first-child{grid-column:span 4;aspect-ratio:16/9}
.workshop-photo:nth-child(2){aspect-ratio:auto}
.workshop-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.workshop-photo::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000a);pointer-events:none}
.workshop-photo-label{position:absolute;bottom:20px;left:20px;right:45px;z-index:1;font-size:15px;line-height:1.4;color:#fff}
.workshop-photo-open{position:absolute;bottom:17px;right:18px;z-index:1;font-size:23px;color:#fff}
.workshop-photo:hover img{transform:scale(1.03)}
@media(max-width:700px){.workshop-photos{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-photo,.workshop-photo:first-child{grid-column:span 1;aspect-ratio:4/3}.workshop-photo:first-child{grid-column:1/-1;aspect-ratio:16/9}.workshop-photo:nth-child(2){aspect-ratio:4/3}.workshop-photo-label{font-size:12px;left:12px;bottom:12px;right:30px}.workshop-photo-open{right:10px;bottom:8px;font-size:19px}.category-page .count{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.workshop-photo img{transition:none}}
.about-section .eyebrow{margin-bottom:16px}.about-section h2{font-size:clamp(30px,3.3vw,45px);line-height:1.25}
.about-copy p{font-size:17px;line-height:1.8;color:var(--muted);margin:0;max-width:540px}
.gallery-actions{display:flex;align-items:center;gap:12px}
.gallery-top .share-figure{width:auto;min-height:44px;font-size:14px;padding:10px 14px;color:var(--accent)}
.share-icon{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--line);background:transparent;color:var(--accent);margin-left:auto}
.share-icon:hover,.gallery-top .share-figure:hover{border-color:var(--accent)}
.share-feedback{flex-shrink:0;padding:10px 12px;border:1px solid var(--line);margin-bottom:12px}
.share-feedback p{color:var(--accent);font-size:14px;line-height:1.6;margin:0}
.share-feedback input{display:block;width:100%;min-width:0;padding:10px;margin-top:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px}
#zoom-dialog .share-feedback{margin:0}#shared-figure-status{color:var(--accent);line-height:1.7}
@media(max-width:900px){.about-section{gap:32px}}
@media(max-width:700px){.about-section{grid-template-columns:1fr;gap:22px;padding-block:35px 42px}.about-copy p{font-size:16px}.header nav{gap:12px 20px;flex-wrap:wrap}}
@media(max-width:380px){.gallery-top{gap:10px}.gallery-top .share-figure{max-width:155px}.gallery-actions{gap:8px}}

/* Mouse hover uses an extra scale, preserving the cover crop saved in the editor. */
@media(hover:hover) and (pointer:fine){
  .card-photo::after,#gallery .viewer-photo::after,#zoom-stage::after{content:"";position:absolute;inset:0;z-index:3;border:1px solid var(--accent);box-shadow:inset 0 0 24px #d8ad771c;opacity:0;pointer-events:none}
  .card:hover .card-photo{border-color:var(--accent);box-shadow:0 10px 26px #0003}
  .card:hover .card-photo::after,#gallery .viewer-photo:hover::after,#zoom-stage:hover::after{opacity:1}
  .card:hover .card-meta strong,.card:hover .card-arrow{color:var(--accent)}
  #gallery .viewer-photo:hover{box-shadow:0 10px 30px #0004}
  #gallery .thumbnails button{position:relative;overflow:hidden}
  #gallery .thumbnails button:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 4px 12px #0003}
  #gallery .thumbnails button:hover img{opacity:1}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .card-photo,#gallery .viewer-photo,#gallery .thumbnails button{transition:border-color .25s ease,box-shadow .3s ease}
  .card-photo::after,#gallery .viewer-photo::after,#zoom-stage::after{transition:opacity .25s ease}
  .card-photo>img{transition:transform .55s,scale .45s cubic-bezier(.2,.7,.2,1)}
  .card:hover .card-photo>img{scale:1.035}
  .card-meta strong{transition:color .25s ease}
  .card-arrow{transition:color .25s ease,translate .3s ease}
  .card:hover .card-arrow{translate:2px -2px}
  #gallery .thumbnails img{transition:scale .3s ease}
  #gallery .thumbnails button:hover img{scale:1.06}
}

@media(min-width:701px) and (max-width:1100px){.header:not(.admin-header){height:auto;min-height:116px;display:grid;grid-template-columns:1fr auto;gap:22px;padding-block:22px}.header:not(.admin-header) .brand{grid-column:1;grid-row:1}.header:not(.admin-header) .languages{grid-column:2;grid-row:1}.header:not(.admin-header) nav{grid-column:1/-1;grid-row:2;margin-left:0;gap:16px 30px;flex-wrap:wrap}}

/* Independent phone layouts for category carousels and category pages. */
:root{--mobile-category-columns:2}
:root[data-mobile-category-columns="1"]{--mobile-category-columns:1}
:root[data-mobile-category-columns="2"]{--mobile-category-columns:2}
:root[data-mobile-category-columns="3"]{--mobile-category-columns:3}
@media(max-width:700px){
  .category-grid{grid-template-columns:repeat(var(--mobile-category-columns),minmax(0,1fr))}
  .category-row{--row-gap:12px}
  .category-row[data-columns="2"] .card-meta,.category-row[data-columns="3"] .card-meta{padding-top:10px}
  .category-row[data-columns="2"] .card-meta strong,[data-mobile-category-columns="2"] .category-grid .card-meta strong{font-size:16px;overflow-wrap:anywhere}
  .category-row[data-columns="3"] .card-meta strong,[data-mobile-category-columns="3"] .category-grid .card-meta strong{font-size:13px;overflow-wrap:anywhere}
  .category-row[data-columns="2"] .card-meta small,[data-mobile-category-columns="2"] .category-grid .card-meta small{font-size:9px;letter-spacing:.6px;line-height:1.5;overflow-wrap:anywhere}
  .category-row[data-columns="3"] .card-meta small,[data-mobile-category-columns="3"] .category-grid .card-meta small{font-size:9px;letter-spacing:.2px;line-height:1.4;overflow-wrap:anywhere}
  .category-row[data-columns="2"] .photo-badge,.category-row[data-columns="3"] .photo-badge,[data-mobile-category-columns="3"] .category-grid .photo-badge{right:5px;bottom:5px;font-size:10px;padding:4px 5px}
  .category-arrow{width:26px;font-size:20px}
  .category-prev{left:-12px}.category-next{right:-12px}
}

/* Shared footer across the portfolio, categories and information pages. */
.site-footer{display:block;padding:0;color:var(--text);border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;padding-block:52px 46px}
.footer-main>div{min-width:0}
.footer-brand .brand{display:inline-block;font-size:34px}
.footer-brand .brand small{font-size:9px;letter-spacing:1.4px;line-height:1.6}
.footer-tagline{max-width:310px;margin:22px 0 0;font-size:23px;line-height:1.5;letter-spacing:-.5px;color:var(--muted)}
.footer-heading{margin:5px 0 18px;font-size:11px;font-weight:600;letter-spacing:1.6px;line-height:1.6;text-transform:uppercase;color:var(--accent)}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 24px;margin:0;font-size:14px}
.footer-nav a{display:flex;align-items:center;min-height:36px;padding-block:7px;line-height:1.5}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7}
.footer-top{display:flex;align-items:center;gap:18px;min-height:40px;color:var(--accent);white-space:nowrap;font-size:13px}
.footer-top>span:last-child{font-size:21px}
.site-footer a{transition:color .2s,border-color .2s}
.site-footer a:hover{color:var(--accent)}
@media(max-width:1000px){.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-brand .brand{font-size:30px}.footer-brand .brand small{max-width:210px}.footer-tagline{font-size:21px}}
@media(max-width:700px){
  .footer-main{grid-template-columns:1fr;gap:30px;padding-block:34px 30px}
  .footer-brand .brand{font-size:32px}.footer-brand .brand small{max-width:none;font-size:8px}
  .footer-tagline{max-width:320px;font-size:22px;margin-top:16px}
  .footer-heading{margin:0 0 12px}
  .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}
  .footer-nav a{min-height:42px}
  .footer-bottom{align-items:flex-start;gap:12px;padding-block:18px}
  .footer-bottom>span{max-width:220px}
  .footer-top{min-height:40px;gap:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Friend logos share a dark background, independent of the site theme. */
.friends-section{padding-bottom:64px}
.friends-intro{margin:0 0 32px;max-width:640px;font-size:17px;line-height:1.7;color:var(--muted)}
.friends-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.friends-grid li{min-width:0}
.friend-card{display:block;height:100%;border:1px solid var(--line);background:var(--surface)}
.friend-logo{height:184px;padding:24px;display:flex;align-items:center;justify-content:center;background:#171719;border-bottom:1px solid var(--line)}
.friend-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:136px;object-fit:contain}
.friend-info{display:block;padding:23px 24px}
.friend-info strong{display:block;font-size:23px;font-weight:400;line-height:1.3;letter-spacing:-.4px}
.friend-domain{display:block;margin-top:7px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.friend-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px;padding-top:15px;border-top:1px solid var(--line);color:var(--accent);font-size:13px;line-height:1.5}
.friend-visit>span:last-child{font-size:20px}
.friend-card:hover,.friend-card:focus-visible{border-color:var(--accent)}
.friend-card:hover .friend-info strong{color:var(--accent)}
.friends-link-hint{margin:24px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.friend-card{transition:border-color .2s,transform .2s,box-shadow .2s}.friend-info strong{transition:color .2s}}
@media(hover:hover) and (pointer:fine){.friend-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0002}}
@media(max-width:1000px){.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.friends-section{padding-bottom:40px}.friends-intro{font-size:16px;margin-bottom:24px}.friends-grid{grid-template-columns:1fr;gap:18px}.friend-logo{height:155px;padding:20px}.friend-logo img{max-height:115px;max-width:240px}.friend-info{padding:20px}.friend-info strong{font-size:22px}.friend-visit{margin-top:20px}}

/* Width is a public-site setting; admin pages and phone column choices stay independent. */
@media(min-width:701px){
  [data-site-layout="wide"] body,[data-site-layout="mixed"] body[data-page="category"]{--wallpaper-content-width:calc(100% - 32px)}
  [data-site-layout="wide"] .wrap,[data-site-layout="mixed"] body[data-page="category"] .wrap{width:calc(100% - 80px)}
  [data-site-layout="wide"] .hero-slider.wrap{width:min(1320px,calc(100% - 100px))}
  [data-site-layout="wide"] .contacts.wrap,[data-site-layout="wide"] .personal-story.wrap,
  [data-site-layout="wide"] body[data-page="contacts"] .information-heading,
  [data-site-layout="wide"] body[data-page="about"] .information-heading{max-width:1320px}
}
@media(min-width:901px){
  [data-site-layout="wide"] .category-grid,[data-site-layout="mixed"] body[data-page="category"] .category-grid{grid-template-columns:repeat(var(--wide-collection-columns,3),minmax(0,1fr))}
}
@media(min-width:1700px){[data-site-layout="wide"],[data-site-layout="mixed"]{--wide-collection-columns:4}}
@media(min-width:2300px){[data-site-layout="wide"],[data-site-layout="mixed"]{--wide-collection-columns:5}}
@media(min-width:2900px){[data-site-layout="wide"],[data-site-layout="mixed"]{--wide-collection-columns:6}}
.layout-preview-notice{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:15px 24px;background:var(--surface);border-bottom:1px solid var(--accent);font-size:14px;line-height:1.6;color:var(--text)}
.layout-preview-notice>span{flex:1;min-width:230px}.layout-preview-notice a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}

/* With the sidebar disabled for this screen, retain the normal page layout. */
.homepage-layout{display:contents}
.home-sidebar{display:none}

/* Original vector branding, with variants following the saved site theme. */
.brand:has(.brand-logo){line-height:0;min-width:0;letter-spacing:normal}
.brand-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}
.brand-logo-dark{display:none}
[data-site-theme=dark] .brand-logo-light{display:none}
[data-site-theme=dark] .brand-logo-dark{display:block}
body>.header>.brand{flex-shrink:0;width:340px}
body>.header .brand-logo{width:100%}
@media(min-width:1101px){body>.header{height:auto;min-height:140px;padding-block:12px}}
.footer-brand .brand:has(.brand-logo){width:340px;max-width:100%}
.footer-brand .brand-logo{width:100%}
.admin-sidebar-brand .brand:has(.brand-logo){width:210px;max-width:100%}
.admin-sidebar-brand .brand-logo{width:100%}
.header-menu-preview .brand-logo{width:180px}
@media(min-width:1101px) and (max-width:1400px){body>.header{gap:28px}body>.header>.brand{width:320px}body>.header nav{gap:25px}}
@media(max-width:700px){body>.header{grid-template-columns:minmax(0,1fr) auto}body>.header>.brand{width:min(240px,100%)}.header .brand-logo{width:100%}.footer-brand .brand:has(.brand-logo){width:310px}}

/* Name the destination language so visitors can recognise it immediately. */
.languages .language-switch{display:flex;align-items:center;gap:10px;min-height:52px;min-width:142px;padding:9px 14px;border:1px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 8%,var(--bg));color:var(--accent);text-align:left;line-height:1.2;transition:background .18s,color .18s}
.language-switch svg{flex:none}
.language-switch .language-flag{display:none;filter:drop-shadow(0 0 1px #0005)}
.language-switch[data-lang=en] .language-flag-en,.language-switch[data-lang=bg] .language-flag-bg{display:block}
.language-switch-copy{display:flex;flex-direction:column;gap:3px}
.language-switch-hint{font-size:11px;font-weight:400}
.language-switch-name{font-size:14px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(hover:hover){.languages .language-switch:hover{background:var(--accent);color:var(--bg)}}
.languages .language-switch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.languages .language-switch:active{background:var(--accent);color:var(--bg)}
@media(max-width:700px){.languages .language-switch{min-width:130px;gap:8px;padding:8px 10px}.language-switch-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){.languages .language-switch{transition:none}}

/* News and creation dates. */
.gallery-layout .figure-created{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:13px;color:var(--muted)}
.figure-created time{color:var(--text);margin-left:5px}
@media(max-width:700px),(pointer:coarse) and (max-width:1100px){.figure-created{display:none}}
#created-date-help{font-size:13px;line-height:1.6;color:var(--muted)}
.header nav{flex-wrap:wrap}
.blog-content,.blog-article{padding-bottom:65px}.blog-intro{color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 32px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-card{border:1px solid var(--line);background:var(--surface);min-width:0}
.blog-card-link{display:flex;flex-direction:column;height:100%;outline-offset:5px}.blog-card-link:hover h2{color:var(--accent)}
.blog-card-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card-content{padding:27px;display:flex;flex-direction:column;align-items:start;flex:1}
.blog-card time,.blog-article time{font-size:13px;color:var(--accent)}.blog-card h2{font-size:29px;letter-spacing:-.6px;margin:18px 0 0;overflow-wrap:anywhere}
.blog-card p{line-height:1.8;color:var(--muted);overflow-wrap:anywhere;margin:17px 0 25px}.blog-read{margin-top:auto;padding-top:10px;color:var(--accent);font-size:14px;display:flex;justify-content:space-between;width:100%}
.blog-empty{padding:38px;border:1px solid var(--line);background:var(--surface)}.blog-empty p{margin:0 0 25px;color:var(--muted);line-height:1.7}
.blog-back{margin-bottom:30px}.blog-article-heading{margin:20px 0 32px}.blog-article h2{font-size:clamp(30px,4vw,48px);margin-top:20px;overflow-wrap:anywhere;text-wrap:balance}
.blog-cover{width:100%;max-height:650px;object-fit:contain;background:var(--surface);display:block;margin-bottom:36px}
.blog-body{font-size:18px;line-height:1.9;overflow-wrap:anywhere}.blog-body p{white-space:pre-line;margin:0 0 25px}
body[data-page="blog"] .information-heading,.blog-content.wrap{max-width:1120px}.blog-article.wrap{max-width:860px}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr;gap:22px}.blog-card-content{padding:22px}.blog-card h2{font-size:27px}.blog-empty{padding:25px}.blog-body{font-size:16px;line-height:1.85}.blog-article,.blog-content{padding-bottom:40px}}