@import url('./assets/fonts/fonts.css');
:root{--background:#15110e;--gold:#c2a77c;--ivory:#ece3d3;--muted:#b9aa94;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',Arial,sans-serif;color:var(--ivory);background:var(--background);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}a{color:inherit}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:1px solid var(--gold);outline-offset:8px}
.site{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#302319 0%,#1b1510 42%,#110f0d 83%)}
.atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.light{position:absolute;border-radius:50%;filter:blur(30px);mix-blend-mode:screen}.light-one{width:120vw;height:100vw;left:-76vw;top:-37vw;background:radial-gradient(ellipse,#98633422 0%,#633f1b0d 37%,transparent 64%);animation:light-breathe 24s ease-in-out infinite}.light-two{width:85vw;height:110vw;right:-60vw;bottom:-70vw;background:radial-gradient(ellipse,#b17b3e18,transparent 60%);animation:light-breathe 24s -12s ease-in-out infinite}.light-ribbon{position:absolute;inset:-80% -50%;background:linear-gradient(114deg,transparent 41%,#a77a4520 46%,#dbbd840b 48%,transparent 51%);transform:rotate(-8deg) translateX(-15%);filter:blur(16px);animation:ribbon-drift 30s ease-in-out infinite}.grain{position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23b8a07e' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.frame{position:absolute;inset:27px;border:1px solid #d9b98324;pointer-events:none;z-index:4}.frame::before{content:'';position:absolute;inset:6px;border:1px solid #d9b98306}.corner{position:absolute;width:17px;height:17px;border-color:#bea17291;border-style:solid}.corner-tl{left:-1px;top:-1px;border-width:1px 0 0 1px}.corner-tr{right:-1px;top:-1px;border-width:1px 1px 0 0}.corner-bl{left:-1px;bottom:-1px;border-width:0 0 1px 1px}.corner-br{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.edge-light{position:absolute;width:18%;height:1px;background:linear-gradient(90deg,transparent,#c6a7757d,transparent);opacity:.6;animation:edge-travel 22s ease-in-out infinite}.edge-top{top:-1px}.edge-bottom{bottom:-1px;animation-delay:-11s}
.main{position:relative;display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:580px;padding:110px 50px 40px}.brand-section{text-align:center;width:100%;max-width:860px;position:relative;padding-bottom:15px}.opening-note{margin:0 0 26px;font-size:8px;font-weight:400;letter-spacing:.44em;padding-left:.44em;color:#b8a386;animation:fade-up 1.8s .15s var(--ease) both}.brand{position:relative;width:660px;max-width:100%;margin:-10px auto -4px;animation:brand-reveal 2.4s .15s var(--ease) both}.brand img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(93%) sepia(17%) saturate(400%) hue-rotate(340deg);opacity:.9}.brand-finish{position:absolute;inset:0;background:linear-gradient(112deg,#aa8856 0%,#c6ae86 18%,#f3e8d0 41%,#d4bd94 52%,#b18f5f 69%,#f0e1bd 87%,#b49567 100%);background-size:220% 100%;-webkit-mask:url('./assets/la-mie-dor-logo.png') center/contain no-repeat;mask:url('./assets/la-mie-dor-logo.png') center/contain no-repeat;animation:brand-light 16s ease-in-out infinite;opacity:.92}.separator{display:flex;justify-content:center;align-items:center;gap:14px;margin:25px auto 33px;width:136px;animation:fade-up 1.6s .65s var(--ease) both}.separator span{width:47px;height:1px;background:linear-gradient(90deg,transparent,#ac8d5f75)}.separator span:last-child{transform:rotate(180deg)}.separator i{display:block;width:4px;height:4px;border:1px solid #c7ad7d9c;transform:rotate(45deg)}.message{animation:fade-up 1.8s .85s var(--ease) both}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:49px;font-weight:500;line-height:1.15;letter-spacing:-.01em;margin:0 0 17px;color:#e5d8be}.message p{font-size:10px;font-weight:400;letter-spacing:.065em;line-height:1.8;color:var(--muted);margin:0}
.site-footer{position:relative;height:123px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-bottom:15px;z-index:5;animation:fade-up 2s 1.15s var(--ease) both}.agency-link{display:block;line-height:0;padding:14px;transition:opacity .3s;opacity:.7}.agency-link:hover{opacity:1}.agency-link img{width:85px;height:auto;filter:brightness(0) saturate(100%) invert(90%) sepia(14%) saturate(328%) hue-rotate(350deg)}.paused .light,.paused .light-ribbon,.paused .edge-light,.paused .brand-finish{animation-play-state:paused!important}
@keyframes fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-reveal{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes brand-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes light-breathe{50%{transform:translate(14%,8%) scale(1.12);opacity:.5}}@keyframes ribbon-drift{50%{transform:rotate(8deg) translateX(14%);opacity:.4}}@keyframes edge-travel{0%,100%{left:6%;opacity:0}15%,75%{opacity:.65}85%{left:76%;opacity:0}}
@media(min-width:1700px){.brand{width:760px}.opening-note{font-size:9px;letter-spacing:.48em}h1{font-size:55px}.main{padding-bottom:60px}.site-footer{height:140px}.frame{inset:34px}}
@media(max-width:760px){.frame{inset:17px}.frame::before{inset:5px}.corner{width:13px;height:13px}.main{padding:100px 37px 35px;min-height:510px}.brand-section{max-width:540px;padding-bottom:0}.opening-note{font-size:7px;letter-spacing:.3em;margin-bottom:30px}.brand{width:100%;margin:0 auto 0}.separator{width:105px;gap:11px;margin:33px auto 29px}.separator span{width:37px}h1{font-size:40px;margin-bottom:15px}.message p{font-size:9px;letter-spacing:.035em}.site-footer{height:100px;padding-bottom:15px}.agency-link img{width:76px}.light-one{width:180vw;height:200vw;left:-120vw;top:-60vw}.light-two{width:180vw;height:190vw;right:-120vw;bottom:-90vw}.light-ribbon{inset:-60% -180%}}
@media(max-width:380px){.main{padding-left:29px;padding-right:29px;min-height:470px}.opening-note{font-size:6px;letter-spacing:.25em}h1{font-size:36px}.message p{font-size:8px}.frame{inset:13px}.brand{width:100%}.separator{margin-top:28px}}
@media(max-height:650px) and (min-width:761px){.main{min-height:420px;padding-top:72px;padding-bottom:20px}.brand{width:510px}.opening-note{margin-bottom:0}.separator{margin-top:8px;margin-bottom:18px}h1{font-size:39px;margin-bottom:12px}.site-footer{height:85px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.edge-light{opacity:0}.brand-finish{background-position:35% 50%}}