/* Joli Mode / Main styles */
:root{
  --ivory:#fbf9f5;--paper:#fff;--soft:#f3efe8;--ink:#252321;--muted:#77716a;
  --gold:#b9913f;--gold-dark:#8e6d2c;--purple:#6f218e;--line:#ddd6cc;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Noto Sans JP",system-ui,sans-serif;
  --container:1240px;--shadow:0 18px 50px rgba(38,31,24,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-weight:300;line-height:1.9}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 80px),var(--container));margin-inline:auto}
.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}
.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:9999}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:1000;inset:0 0 auto;background:rgba(255,255,255,.06);color:#fff;transition:.35s ease;border-bottom:1px solid transparent}
.site-header.is-scrolled,.site-header.is-solid{background:rgba(255,255,255,.97);color:var(--ink);border-color:rgba(185,145,63,.18);backdrop-filter:blur(12px)}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.65rem;min-width:240px}.brand-logo{width:58px;height:58px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-name{font:600 1.65rem/1 var(--serif);letter-spacing:.08em}.brand-sub{font:500 .52rem/1.4 var(--serif);letter-spacing:.18em;color:var(--gold);margin-top:.45rem}
.primary-nav{display:flex;align-items:center;gap:3.2rem}.primary-nav a{font:500 .8rem var(--serif);letter-spacing:.22em;position:relative;padding:1.8rem 0}.primary-nav a::after{content:"";position:absolute;left:0;bottom:1rem;width:0;height:2px;background:var(--gold);transition:.3s}.primary-nav a:hover::after,.primary-nav a.is-active::after{width:100%}
.menu-toggle{display:none;background:none;border:0}.section{padding:8rem 0}.section-soft{background:var(--ivory)}.eyebrow{font:500 .75rem var(--serif);letter-spacing:.25em;color:var(--gold);margin:0 0 1.2rem}.section-heading{margin-bottom:3.4rem}.section-heading h2{margin:0;font:500 clamp(2rem,3.2vw,3rem)/1.25 var(--serif)}.section-heading p:last-child{color:var(--muted);margin-top:1rem}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#d8d1c8}.hero-media{position:absolute;inset:0;background:url("../assets/images/hero/hero-paris-original.jpg") center center/cover no-repeat;transform:scale(1.03);animation:heroZoom 14s ease-out forwards}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,18,14,.62) 0%,rgba(25,18,14,.22) 45%,rgba(25,18,14,.08) 75%)}.hero-content{position:relative;z-index:2;color:#fff;padding-top:6rem}.hero-eyebrow{color:#e0b95d;letter-spacing:.3em}.hero h1{font:500 clamp(3.2rem,7vw,6.2rem)/1.05 var(--serif);letter-spacing:.05em;margin:.3rem 0 1rem;text-shadow:0 2px 25px rgba(0,0,0,.18)}.hero-en{font:500 clamp(1rem,1.6vw,1.35rem) var(--serif);letter-spacing:.28em;margin:0 0 2.4rem}.button{display:inline-flex;align-items:center;gap:1.2rem;padding:.75rem 1.7rem;border:1px solid var(--gold);font:500 .85rem var(--serif);letter-spacing:.16em;transition:.3s}.button span{font-size:1.2rem}.button-light{color:#fff;border-color:#d9b85e}.button-light:hover{background:#d9b85e;color:#2b241b}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--gold-dark)}.scroll-cue{position:absolute;z-index:2;bottom:2rem;left:50%;transform:translateX(-50%);font:500 .65rem var(--serif);letter-spacing:.25em;color:#fff;display:flex;flex-direction:column;align-items:center;gap:.4rem}.scroll-cue span{display:block;width:1px;height:48px;background:rgba(255,255,255,.75)}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}.product-grid-wide{grid-template-columns:repeat(4,1fr)}.product-card{text-align:center}.product-card a{display:block}.product-image{height:360px;background:#f7f4ee;display:grid;place-items:center;overflow:hidden;margin-bottom:1rem}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .55s ease}.product-card:hover img{transform:scale(1.045)}.product-card h3{font-size:.95rem;font-weight:500;margin:.5rem 0 0}.product-card p{font:500 .68rem var(--serif);letter-spacing:.18em;margin:.1rem 0;color:var(--muted)}.product-card span{display:inline-block;color:var(--gold-dark);font-size:.72rem;margin-top:.5rem;transition:.25s}.product-card:hover span{letter-spacing:.05em}
.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.split-card{position:relative;min-height:360px;display:flex;align-items:center;overflow:hidden;color:#fff}.split-bg,.split-shade{position:absolute;inset:0}.split-company .split-bg{background:url("../assets/images/hero/hero-paris-original.jpg") center/cover}.split-contact .split-bg{background:linear-gradient(135deg,#f2eee7,#fff)}.split-company .split-shade{background:rgba(30,24,20,.58)}.split-content{position:relative;z-index:1;padding:4rem 10%;display:flex;flex-direction:column;align-items:flex-start}.split-contact{color:var(--ink)}.split-content strong{font:500 clamp(2rem,3vw,3rem) var(--serif);margin:.1rem 0 .7rem}.split-content span:not(.eyebrow){font-size:.85rem}.split-content b{margin-top:1.3rem;border:1px solid var(--gold);padding:.5rem 1rem;font:500 .72rem var(--serif);letter-spacing:.1em}
.page-hero{padding:11rem 0 6rem;background:var(--ivory);border-bottom:1px solid var(--line)}.page-hero h1{font:500 clamp(3rem,6vw,5rem)/1.1 var(--serif);margin:.1rem 0 1rem}.page-hero p:last-child{color:var(--muted)}
.company-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7rem}.company-intro h2,.contact-info h2{font:500 clamp(2.4rem,4vw,4rem)/1.3 var(--serif);margin:.2rem 0 1.5rem}.company-intro p,.contact-info>p{color:var(--muted)}.company-table dl{margin:0;border-top:1px solid var(--line)}.company-table dl>div{display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.company-table dt{font-weight:500;color:var(--gold-dark)}.company-table dd{margin:0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7rem}.contact-detail{display:flex;flex-direction:column;gap:.4rem;margin-top:2rem}.contact-detail strong{font:500 2rem var(--serif);letter-spacing:.08em}.contact-detail a{color:var(--gold-dark)}.contact-form{display:grid;gap:1.2rem}.contact-form label{display:grid;gap:.35rem;font-size:.82rem;font-weight:500}.contact-form label>span{font-size:.65rem;color:var(--gold-dark);margin-left:.3rem}.contact-form input,.contact-form select,.contact-form textarea{font:400 .9rem var(--sans);border:1px solid #d8d1c8;background:#fff;padding:.85rem 1rem;outline:none;transition:.2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,145,63,.08)}.consent{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.5rem}.consent input{width:16px;height:16px}.form-note{font-size:.7rem;color:var(--muted);margin:0}
.site-footer{background:var(--purple);color:#fff;padding:1.6rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-brand{display:flex;align-items:center;gap:.6rem}.footer-brand img{width:44px;height:44px;object-fit:contain}.footer-brand span{font:500 1.35rem var(--serif);letter-spacing:.08em}.footer-links{display:flex;gap:1.5rem;font-size:.72rem}.footer-links a:hover{color:#e0b95d}.footer-inner>p{margin:0;font-size:.68rem;opacity:.8}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes heroZoom{from{transform:scale(1.03)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.reveal{transition:none}}

/* V1.3 — Brand mark assembly hero */
.hero-mark{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:#f7f3ed;color:var(--ink)}
.hero-panels{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden}
.hero-panel{position:relative;opacity:0;transform:scale(1.035);animation:panelReveal 1.7s cubic-bezier(.22,.8,.24,1) forwards}
.hero-panel::after{content:"";position:absolute;inset:0;opacity:.48;background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,0) 48%,rgba(255,255,255,.2))}
.hero-panel-a{background:radial-gradient(circle at 25% 28%,rgba(255,255,255,.92),transparent 35%),linear-gradient(145deg,#f5eee4 0%,#eee2d2 48%,#f8f4ed 100%)}
.hero-panel-a::before{content:"";position:absolute;inset:-15%;background:repeating-radial-gradient(ellipse at 30% 50%,transparent 0 75px,rgba(181,144,80,.23) 76px 78px,transparent 79px 150px);transform:rotate(-18deg)}
.hero-panel-b{background:radial-gradient(circle at 55% 30%,rgba(255,255,255,.8),transparent 38%),linear-gradient(145deg,#eee7f2 0%,#d9c8e6 48%,#f4eaf6 100%);animation-delay:.24s}
.hero-panel-b::before{content:"";position:absolute;inset:-20%;background:linear-gradient(145deg,transparent 35%,rgba(255,255,255,.48) 36%,transparent 38%,transparent 54%,rgba(255,255,255,.32) 55%,transparent 57%);transform:rotate(-10deg)}
.hero-panel-c{background:radial-gradient(circle at 75% 28%,rgba(255,255,255,.78),transparent 36%),linear-gradient(145deg,#e5edf3 0%,#bfd2e2 48%,#eaf1f5 100%);animation-delay:.48s}
.hero-panel-c::before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 0 48%,rgba(181,144,80,.24) 48.3%,transparent 48.6%),linear-gradient(150deg,transparent 0 52%,rgba(181,144,80,.2) 52.3%,transparent 52.6%),linear-gradient(30deg,transparent 0 78%,rgba(181,144,80,.18) 78.3%,transparent 78.6%)}
.hero-glow{position:absolute;width:46vw;height:46vw;min-width:360px;min-height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7) 0,rgba(255,255,255,.24) 38%,transparent 70%);filter:blur(10px);animation:glowBreath 5s ease-in-out 1.2s both;pointer-events:none}
.brand-assembly{position:absolute;z-index:2;width:min(31vw,330px);aspect-ratio:698/934;left:50%;top:45%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 28px rgba(50,38,34,.12))}
.brand-piece,.brand-final{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-piece{opacity:0;animation:pieceAssemble 2.8s cubic-bezier(.2,.75,.22,1) forwards}
.piece-left{animation-delay:.65s}.piece-flourish{animation-delay:.92s}.piece-right{animation-delay:1.08s}.piece-dots{animation-delay:1.35s}.piece-m{animation-delay:1.58s}
.brand-final{opacity:0;animation:brandFinal 1s ease 3.25s forwards}
.hero-content-mark{position:absolute;z-index:3;left:50%;top:72%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;color:#3a2b27}
.hero-tagline{font:500 clamp(1.65rem,3vw,2.75rem)/1.35 var(--serif);letter-spacing:.13em;margin:0 0 .7rem;opacity:0;animation:textReveal 1s ease 3.85s forwards}
.hero-content-mark .hero-en{font:500 clamp(.72rem,1.2vw,1rem) var(--serif);letter-spacing:.3em;margin:0 0 1.5rem;color:#5f514a;opacity:0;animation:textReveal 1s ease 4.05s forwards}
.hero-button{color:#4b3a32!important;border-color:#b9913f!important;opacity:0;animation:textReveal 1s ease 4.25s forwards;background:rgba(255,255,255,.24)}
.hero-button:hover{background:#b9913f;color:#fff!important}
.hero-mark .scroll-cue{color:#4b3a32;opacity:0;animation:textReveal 1s ease 4.4s forwards}.hero-mark .scroll-cue span{background:rgba(75,58,50,.48)}
@keyframes panelReveal{0%{opacity:0;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes pieceAssemble{0%{opacity:0;transform:translate(var(--from-x,0),var(--from-y,0)) rotate(var(--from-r,0deg)) scale(.8)}18%{opacity:1}100%{opacity:0;transform:translate(0,0) rotate(0) scale(1)}}
.piece-left{--from-x:-95px;--from-y:28px;--from-r:-16deg}.piece-flourish{--from-x:18px;--from-y:-120px;--from-r:10deg}.piece-right{--from-x:110px;--from-y:18px;--from-r:17deg}.piece-dots{--from-x:42px;--from-y:110px;--from-r:25deg}.piece-m{--from-x:-40px;--from-y:135px;--from-r:-9deg}
@keyframes brandFinal{0%{opacity:0;transform:scale(.94)}100%{opacity:1;transform:scale(1)}}
@keyframes textReveal{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes glowBreath{0%{opacity:.15;transform:scale(.9)}45%{opacity:.72;transform:scale(1.04)}100%{opacity:.42;transform:scale(1)}}
@media (max-width:800px){.hero-panels{grid-template-columns:1fr 1fr 1fr}.brand-assembly{width:min(48vw,290px);top:41%}.hero-content-mark{top:72%}.hero-tagline{letter-spacing:.08em}.hero-content-mark .hero-en{letter-spacing:.2em}}
@media (prefers-reduced-motion:reduce){.hero-panel,.hero-glow,.brand-piece,.brand-final,.hero-tagline,.hero-content-mark .hero-en,.hero-button,.hero-mark .scroll-cue{animation:none!important;opacity:1!important;transform:none!important}.brand-piece{display:none}}

/* V1.3 revised — approved brand architecture */
.site-header.is-solid{
  background:rgba(255,255,255,.97);
  color:#3a2b27;
  border-bottom:1px solid rgba(185,145,63,.12);
  backdrop-filter:blur(12px);
}
.header-inner{height:74px;position:relative}
.brand{min-width:330px;display:flex;align-items:center;gap:18px}
.brand-mark{width:44px;height:58px;object-fit:contain}
.brand-wordmark{width:205px;height:46px;object-fit:contain;object-position:left center}
.instagram-mark{margin-left:18px;display:grid;place-items:center;width:28px;height:28px;color:#3a2b27}
.instagram-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.instagram-mark circle:last-child{fill:currentColor;stroke:none}
.hero-mark{min-height:calc(100svh - 74px);margin-top:74px;background:#fff;display:block;position:relative;overflow:hidden}
.hero-panels{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr}
.hero-panel{position:relative;opacity:0;transform:scale(1.03);animation:panelRevealV13 1.5s cubic-bezier(.22,.8,.24,1) forwards;overflow:hidden}
.hero-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 52%,rgba(255,255,255,.12))}
.hero-panel-a{
  background:
    radial-gradient(circle at 25% 25%,rgba(255,255,255,.96),transparent 32%),
    linear-gradient(145deg,#f7f0e6 0%,#eee2d2 52%,#faf7f1 100%);
}
.hero-panel-a::before{
  content:"";position:absolute;inset:-20%;
  background:
    repeating-radial-gradient(ellipse at 25% 50%,transparent 0 76px,rgba(184,145,74,.22) 77px 79px,transparent 80px 152px);
  transform:rotate(-17deg);
}
.hero-panel-b{
  background:
    radial-gradient(circle at 55% 25%,rgba(255,255,255,.88),transparent 40%),
    linear-gradient(145deg,#eee7f3 0%,#d8c5e5 48%,#f5ebf7 100%);
  animation-delay:.18s;
}
.hero-panel-b::before{
  content:"";position:absolute;inset:-20%;
  background:
    linear-gradient(145deg,transparent 35%,rgba(255,255,255,.48) 36%,transparent 38%,
    transparent 54%,rgba(255,255,255,.34) 55%,transparent 57%);
  transform:rotate(-9deg);
}
.hero-panel-c{
  background:
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.82),transparent 35%),
    linear-gradient(145deg,#e5edf3 0%,#bfd2e2 48%,#eaf1f5 100%);
  animation-delay:.36s;
}
.hero-panel-c::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(30deg,transparent 0 48%,rgba(184,145,74,.23) 48.3%,transparent 48.6%),
    linear-gradient(150deg,transparent 0 52%,rgba(184,145,74,.19) 52.3%,transparent 52.6%),
    linear-gradient(30deg,transparent 0 78%,rgba(184,145,74,.17) 78.3%,transparent 78.6%);
}
.panel-brandmark{position:absolute;inset:0;display:grid;place-items:center}
.brand-assembly-left{
  position:relative;left:auto;top:auto;transform:none;
  width:min(24vw,270px);aspect-ratio:698/934;filter:drop-shadow(0 15px 24px rgba(50,38,34,.10));
}
.brand-assembly-left .brand-piece,.brand-assembly-left .brand-final{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-assembly-left .brand-piece{animation-duration:2.9s}
.brand-assembly-left .piece-left{animation-delay:.48s}
.brand-assembly-left .piece-right{animation-delay:.70s}
.brand-assembly-left .piece-dots{animation-delay:.94s}
.brand-assembly-left .piece-m{animation-delay:1.16s}
.brand-assembly-left .piece-other{animation-delay:1.34s}
.brand-assembly-left .brand-final{animation-delay:3.25s}
.hero-center-content{
  position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;color:#3a2b27;
  padding:5rem 2rem 3rem;
}
.hero-wordmark{
  width:min(70%,430px);height:auto;object-fit:contain;
  opacity:0;animation:logoFadeV13 1.1s ease 1.15s forwards;
}
.hero-tagline{
  font:500 clamp(1.35rem,2.4vw,2.05rem)/1.4 var(--serif);
  letter-spacing:.10em;margin:1rem 0 .35rem;opacity:0;white-space:nowrap;
  animation:textRevealV13 1s ease 1.75s forwards;
}
.hero-en{
  font:500 clamp(.72rem,1.15vw,.98rem) var(--serif);
  letter-spacing:.28em;color:#5f514a;margin:0;opacity:0;
  animation:textRevealV13 1s ease 2.0s forwards;
}
.hero-divider{
  display:block;width:64px;height:1px;background:#b9913f;margin:1.15rem 0 1.25rem;
  opacity:0;animation:textRevealV13 1s ease 2.2s forwards;
}
.hero-button{
  color:#4b3a32!important;border-color:#b9913f!important;background:rgba(255,255,255,.22);
  opacity:0;animation:textRevealV13 1s ease 2.4s forwards;
}
.hero-button:hover{background:#b9913f;color:#fff!important}
.hero-mark .scroll-cue{
  z-index:5;color:#4b3a32;opacity:0;animation:textRevealV13 1s ease 3s forwards;
}
.hero-mark .scroll-cue span{background:rgba(75,58,50,.48)}
.footer-brand{gap:12px}
.footer-brand img:first-child{width:42px;height:54px;object-fit:contain}
.footer-brand .footer-wordmark{
  width:150px;height:auto;filter:brightness(0) invert(1);opacity:.96;
}
@keyframes panelRevealV13{0%{opacity:0;transform:scale(1.045)}100%{opacity:1;transform:scale(1)}}
@keyframes logoFadeV13{0%{opacity:0;transform:translateY(12px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes textRevealV13{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@media (max-width:900px){
  .header-inner{height:68px}.brand{min-width:0;gap:10px}.brand-mark{width:36px;height:48px}.brand-wordmark{width:165px;height:40px}
  .instagram-mark{display:none}
  .hero-mark{min-height:calc(100svh - 68px);margin-top:68px}
  .brand-assembly-left{width:min(27vw,220px)}
  .hero-wordmark{width:min(78%,360px)}
}
@media (max-width:560px){
  .header-inner{height:62px}.brand{gap:8px}.brand-mark{width:32px;height:43px}.brand-wordmark{width:142px;height:34px}
  .hero-mark{min-height:calc(100svh - 62px);margin-top:62px}
  .hero-panels{grid-template-columns:1fr 1fr 1fr}
  .brand-assembly-left{width:30vw;min-width:86px}
  .hero-center-content{padding:3rem .6rem 2rem}
  .hero-wordmark{width:90%;max-width:300px}
  .hero-tagline{font-size:1.05rem;letter-spacing:.04em}
  .hero-en{font-size:.62rem;letter-spacing:.14em}
  .hero-divider{margin:.8rem 0 1rem}
  .hero-button{font-size:.68rem;padding:.6rem 1rem}
}
@media (prefers-reduced-motion:reduce){
  .hero-panel,.brand-piece,.brand-final,.hero-wordmark,.hero-tagline,.hero-en,.hero-divider,.hero-button,.hero-mark .scroll-cue{
    animation:none!important;opacity:1!important;transform:none!important
  }
}

/* V1.3 improved brandmark — five-piece assembly */
.brand-assembly-left .brand-piece,
.brand-assembly-left .brand-final{
  image-rendering:auto;
  backface-visibility:hidden;
  transform-origin:50% 50%;
  will-change:transform,opacity;
}
.brand-assembly-left .piece-left{
  animation-name:brandPieceLeftSmooth;
}
.brand-assembly-left .piece-right{
  animation-name:brandPieceRightSmooth;
}
.brand-assembly-left .piece-dots{
  animation-name:brandPieceDotsSmooth;
}
.brand-assembly-left .piece-m{
  animation-name:brandPieceMSmooth;
}
.brand-assembly-left .piece-other{
  animation-name:brandPieceOtherSmooth;
}
.brand-assembly-left .brand-final{
  opacity:0;
  animation-name:brandFinalSmooth;
  animation-fill-mode:forwards;
}
@keyframes brandPieceLeftSmooth{
  0%{opacity:0;transform:translate(-72px,-18px) rotate(-7deg) scale(.94)}
  45%{opacity:1}
  100%{opacity:0;transform:translate(0,0) rotate(0) scale(1)}
}
@keyframes brandPieceRightSmooth{
  0%{opacity:0;transform:translate(72px,-10px) rotate(7deg) scale(.94)}
  45%{opacity:1}
  100%{opacity:0;transform:translate(0,0) rotate(0) scale(1)}
}
@keyframes brandPieceDotsSmooth{
  0%{opacity:0;transform:translate(46px,56px) scale(.70)}
  45%{opacity:1}
  100%{opacity:0;transform:translate(0,0) scale(1)}
}
@keyframes brandPieceMSmooth{
  0%{opacity:0;transform:translateY(70px) scale(.92)}
  45%{opacity:1}
  100%{opacity:0;transform:translateY(0) scale(1)}
}
@keyframes brandPieceOtherSmooth{
  0%{opacity:0;transform:translateY(-72px) rotate(3deg) scale(.94)}
  45%{opacity:1}
  100%{opacity:0;transform:translate(0,0) rotate(0) scale(1)}
}
@keyframes brandFinalSmooth{
  0%{opacity:0;transform:scale(.985);filter:blur(1.2px)}
  55%{opacity:1;transform:scale(1);filter:blur(0)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}