/* Supplied Keymel identity and real-photo collection. */
:root{--gold:#a27b2b}
.floral-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;background:#a27b2b;-webkit-mask:url('assets/flower-line.svg') center/contain no-repeat;mask:url('assets/flower-line.svg') center/contain no-repeat}
html{scroll-padding-top:148px}
.header{padding-top:12px;padding-bottom:12px;min-height:128px}
.brand-logo{width:104px;height:104px;object-fit:cover;object-position:center;border-radius:50%;display:block}
.footer-brand .brand-logo{width:92px;height:92px}
.hero h1 em,.story-signature{color:#8a6a37}
.hero h1 em::after{border-color:#bea064}
.hero-visual::before{content:none;animation:none}
.hero-image-frame{overflow:hidden;border:1px solid #d7c393;border-radius:47% 47% 1px 1px;box-shadow:0 24px 46px -30px #422b3b70}
.hero-image-frame .hero-image{border-radius:0;box-shadow:none;transform:scale(1.035) translate(var(--hero-x,0px),var(--hero-y,0px))}
.editorial-strip span[aria-hidden],.tiny-flower{color:var(--gold)}
.hero-image{object-position:50% 45%}
.flower-seal{border-color:#d7c393;overflow:hidden}
.flower-seal img{width:100%;height:100%;object-fit:cover}
.header-order{border-color:#b69a64}
.card-image img{object-position:50% 40%}
.occasion-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:26px}
.occasion-photo-pair img{height:185px;object-fit:cover;object-position:center;border-radius:3px}
.occasion-photo-pair figcaption{font-family:var(--serif);font-style:italic;font-size:15px;margin-top:8px;color:#e6d5b4}
.gallery-section{border-top:1px solid var(--line);background:#f4efe5;max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.gallery-filters{display:flex;flex-wrap:wrap;gap:7px}
.gallery-filter{background:transparent;border:1px solid #cfc4b4;border-radius:22px;padding:8px 15px;font-size:11px;transition:background .25s,color .25s,border-color .25s}
.gallery-filter:hover{border-color:var(--gold);background:#eae1d3}
.gallery-filter.active{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.gallery-status{font-size:10px;white-space:nowrap;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 20px}
.gallery-card{padding:0;border:0;text-align:left;background:transparent;min-width:0;transition:transform .35s var(--motion-ease)}
.gallery-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e7ded0;border-radius:3px}
.gallery-image-wrapper{display:block;width:100%;height:100%;overflow:hidden}
.gallery-photo-count{position:absolute;top:12px;left:12px;background:var(--cream);color:var(--plum);border:1px solid #d7c393;border-radius:18px;padding:5px 10px;font-size:9px;line-height:1.5;box-shadow:0 2px 9px #00000010}
.gallery-photo-thumbs{display:flex;gap:8px;padding-top:12px;overflow-x:auto}
.gallery-mini{flex:none;width:52px;height:64px;padding:2px;border:1px solid var(--line);border-radius:3px;background:transparent}
.gallery-mini img{width:100%;height:100%;object-fit:cover}
.gallery-mini[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.gallery-dialog.has-album .gallery-full-stage>img{height:44vh}
.gallery-media img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform .65s var(--motion-ease)}
.gallery-card:hover .gallery-media img,.gallery-card:focus-visible .gallery-media img{transform:scale(1.04)}
.gallery-zoom{position:absolute;right:12px;bottom:12px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-size:21px;box-shadow:0 2px 9px #00000015}
.gallery-caption{display:block;padding-top:13px}
.gallery-caption>span{display:block;font-size:8px;letter-spacing:1px;color:#866b46;margin-bottom:4px;text-transform:uppercase}
.gallery-caption strong{font-family:var(--serif);font-size:18px;font-weight:400;line-height:1.4;display:block}
.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}
.gallery-bottom>p{font-size:11px;color:var(--muted)}
.gallery-more{border-color:#b89b63;background:transparent;min-width:205px}
.gallery-more:hover{background:#e9dfce}
.gallery-screenshot img{object-position:50% 38%;transform:scale(1.32)}
.gallery-card[data-photo="46"] .gallery-screenshot img,.gallery-card[data-photo="47"] .gallery-screenshot img{object-position:50% 58%}
.gallery-card:hover .gallery-screenshot img,.gallery-card:focus-visible .gallery-screenshot img{transform:scale(1.36)}
.gallery-dialog{max-width:800px;padding:22px;max-height:92vh}
.gallery-full-stage{position:relative;margin-top:15px;background:#eee6d9;display:flex;align-items:center;justify-content:center;min-height:200px}
.gallery-full-stage>img{width:auto;max-width:100%;height:52vh;max-height:560px;object-fit:contain}
.gallery-step{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #d9cab5;border-radius:50%;width:42px;height:42px;font-size:33px;line-height:1;background:#faf7eff0;box-shadow:0 2px 8px #00000015}
.gallery-prev{left:10px}.gallery-next{right:10px}
.gallery-step:hover{background:white}
.gallery-dialog-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}
.gallery-dialog-caption h2{font-size:28px;margin:6px 0 0;letter-spacing:-.6px}
.gallery-dialog-caption .eyebrow{font-size:8px;letter-spacing:1.2px}
#gallery-position{font-size:11px;color:var(--muted);white-space:nowrap}
.gallery-dialog .form-note{margin-bottom:0}
@media(min-width:641px) and (max-width:850px){.nav a:nth-child(3){display:block}.nav a[href="#hakkimizda"]{display:none}.brand-logo{width:90px;height:90px}.header{min-height:114px}.nav{font-size:9px;gap:13px}}
@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.gallery-caption strong{font-size:17px}}
@media(max-width:640px){
  html{scroll-padding-top:128px}
  .header{min-height:104px;padding-top:12px;padding-bottom:12px}
  .brand-logo{width:80px;height:80px}
  .footer-brand .brand-logo{width:84px;height:84px}
  .gallery-section{padding-left:6%;padding-right:6%}
  .gallery-filters{gap:6px}
  .gallery-filter{padding:8px 11px;font-size:10px}
  .gallery-toolbar{gap:13px;margin-bottom:22px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .gallery-caption strong{font-size:16px}
  .gallery-caption>span{font-size:7px;letter-spacing:.5px}
  .gallery-zoom{width:29px;height:29px;right:9px;bottom:9px;font-size:18px}
  .gallery-bottom{flex-direction:column;align-items:stretch;gap:17px}
  .gallery-bottom>p{font-size:10px;line-height:1.8}
  .gallery-more{align-self:center;min-width:220px;font-size:11px}
  .occasion-photo-pair img{height:180px}
  .gallery-dialog{padding:16px;max-height:90dvh}
  .gallery-full-stage>img{height:45dvh}
  .gallery-dialog.has-album .gallery-full-stage>img{height:37dvh}
  .gallery-dialog-caption h2{font-size:22px}
  .gallery-dialog-caption{gap:12px;margin:15px 0}
  .gallery-dialog .button{font-size:11px;padding:12px 15px;min-height:45px}
  .gallery-step{width:36px;height:36px;font-size:29px}
  .gallery-prev{left:5px}.gallery-next{right:5px}
}
@media(prefers-reduced-motion:reduce){.hero-image-frame .hero-image{transform:none}.gallery-media img{transition:none}.gallery-card:hover .gallery-media img,.gallery-card:focus-visible .gallery-media img{transform:none}.gallery-card:hover .gallery-screenshot img,.gallery-card:focus-visible .gallery-screenshot img,.gallery-screenshot img{transform:scale(1.32)}}
