@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Outfit:wght@200;300;400;500;600;700&family=Space+Mono:wght@400;700&family=Noto+Sans+KR:wght@200;300;400;500;600;700&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --noir:#0a1929;--charcoal:#132f4c;--graphite:#1e3a5f;--ash:#607d8b;--fog:#90a4ae;
  --mist:#cfd8dc;--bone:#e0e7ec;--ivory:#f8fafb;--white:#ffffff;
  --sea-dark:#0a1929;--sea:#0288d1;--sea-light:#4fc3f7;
  --terra:#e07c56;--terra-light:#f09070;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Outfit',system-ui,sans-serif;
  --mono:'Space Mono',monospace;
  --kr:'Noto Sans KR','Outfit',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--ivory);color:var(--noir);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.kr{font-family:var(--kr)}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:999;padding:18px 48px;display:flex;align-items:center;justify-content:space-between;transition:all 0.5s}
.nav.s{background:rgba(253,252,250,0.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,0.06)}
.nav.s .nlogo,.nav.s .nlink,.nav.s .ncta,.nav.s .lang-toggle{color:var(--noir)}
.nav.dark .nlogo,.nav.dark .nlink,.nav.dark .ncta,.nav.dark .lang-toggle{color:var(--noir)}
.nlogo{display:flex;align-items:center;height:36px;transition:opacity 0.3s}
.nlogo img{height:28px;width:auto;transition:opacity 0.3s}
.nlogo .logo-dark{display:none}
.nlogo .logo-white{display:block}
.nav.s .nlogo .logo-white,.nav.dark .nlogo .logo-white{display:none}
.nav.s .nlogo .logo-dark,.nav.dark .nlogo .logo-dark{display:block}
.nav-mid{display:flex;align-items:center;gap:32px}
.nlinks{display:flex;gap:28px;list-style:none}
.nlink{font-size:12px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.7);transition:color 0.5s;position:relative}
.nlink.active{color:var(--white)}.nav.dark .nlink.active,.nav.s .nlink.active{color:var(--noir)}
.nlink::after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:1px;background:currentColor;transition:width 0.4s cubic-bezier(0.22,1,0.36,1)}
.nlink:hover::after,.nlink.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:20px}
.lang-toggle{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:rgba(255,255,255,0.6);transition:color 0.5s;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;border:1px solid rgba(255,255,255,0.2);padding:6px 14px;border-radius:4px}
.nav.s .lang-toggle,.nav.dark .lang-toggle{border-color:rgba(0,0,0,0.15)}
.lang-toggle:hover{color:var(--white)}
.nav.s .lang-toggle:hover,.nav.dark .lang-toggle:hover{color:var(--noir)}
.ncta{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);border:1px solid rgba(255,255,255,0.35);padding:10px 24px;transition:all 0.4s}
.ncta:hover{background:var(--white);color:var(--noir)}
.nav.s .ncta,.nav.dark .ncta{border-color:var(--noir)}
.nav.s .ncta:hover,.nav.dark .ncta:hover{background:var(--noir);color:var(--white)}
@media(max-width:900px){
.nav{padding:14px 20px}
.nav-right{gap:12px}
.nav-right .ncta{display:none}
.nav-right .lang-toggle{font-size:10px;padding:5px 10px;border-color:rgba(255,255,255,0.3)}
.nav.s .nav-right .lang-toggle,.nav.dark .nav-right .lang-toggle{border-color:rgba(0,0,0,0.2)}
.nav-mid{position:fixed;top:0;right:-100%;width:280px;height:100vh;height:100dvh;background:var(--noir);flex-direction:column;align-items:flex-start;padding:80px 32px 32px;transition:right 0.35s cubic-bezier(0.22,1,0.36,1);z-index:999;overflow-y:auto}
.nav-mid.open{right:0}
.nlinks{flex-direction:column;gap:20px;display:flex}
.nlinks .nlink{font-size:18px;color:var(--white) !important;opacity:0.8}
.nlinks .nlink.active{opacity:1}
.nlinks .nlink::after{display:none}
.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:8px}
.hamburger span{width:22px;height:2px;background:var(--white);transition:all 0.3s}
.nav.s .hamburger span,.nav.dark .hamburger span{background:var(--noir)}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:var(--white) !important}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background:var(--white) !important}
.mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:998;opacity:0;pointer-events:none;transition:opacity 0.3s}
.mob-overlay.open{opacity:1;pointer-events:auto}
}
@media(max-width:768px){
/* General mobile spacing */
.split{gap:32px}
.content{padding:60px 20px}

/* Stats */
.stats{gap:24px;flex-wrap:wrap}
.st-val{font-size:32px}

/* Image grids */
.img-grid.cols-2,.img-grid.cols-3{grid-template-columns:1fr}
.ig.wide{grid-column:span 1}

/* All 4-column inline grids → 2 columns on tablet, 1 on phone */
[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
[style*="repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr) !important}

/* Comparison table */
.compare{grid-template-columns:1fr !important}
.compare-col{padding:28px 20px}
.compare-col:first-child{border-right:none !important;border-bottom:1px solid rgba(255,255,255,0.06)}

/* Leader cards */
[style*="grid-template-columns:1fr 1fr;gap:48px"]{grid-template-columns:1fr !important}

/* Contact page grids */
[style*="grid-template-columns:1fr 1fr;gap:16px"]{grid-template-columns:1fr !important}
[style*="grid-template-columns:1fr 1fr;gap:48px"]{grid-template-columns:1fr !important}

/* Agency badges wrap properly */
[style*="display:flex;flex-wrap:wrap"]{gap:8px !important}

/* Sustainability credential grid */
[style*="grid-template-columns:1fr 1fr;gap:12px"]{grid-template-columns:1fr !important}

/* Dark section stat grids */
.dark-section [style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important}

/* Homepage hero section */
.page-hero{min-height:350px;height:50vh}

/* Proof cards on about page */
[style*="repeat(4,1fr);gap:16px"]{grid-template-columns:1fr 1fr !important}

/* Bleed sections */
.bleed{height:40vh;min-height:250px}

/* RnD capabilities grid override */
.dark-section [style*="repeat(3,1fr)"]{grid-template-columns:1fr !important}
}

/* Timeline mobile — convert to vertical */
@media(max-width:768px){
[style*="repeat(6,1fr)"]{
  grid-template-columns:1fr !important;
  border-top:none !important;
  border-left:2px solid var(--sea) !important;
  margin-left:6px !important;
}
[style*="repeat(6,1fr)"] > div{
  border-right:none !important;
  padding:0 0 28px 24px !important;
  position:relative;
}
[style*="repeat(6,1fr)"] > div > div:first-child{
  position:absolute !important;
  left:-7px !important;
  top:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
}

@media(max-width:480px){
/* Phone-specific: everything single column */
[style*="repeat(4,1fr)"]{grid-template-columns:1fr !important}
[style*="repeat(3,1fr)"]{grid-template-columns:1fr !important}
[style*="repeat(2,1fr)"]{grid-template-columns:1fr !important}
[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}

/* Tighter padding */
.dark-section{padding:60px 16px !important}
.content{padding:48px 16px}
footer{padding:40px 16px 20px}
.page-hero-inner{padding:0 16px 32px}
.bleed-text{left:16px;right:16px;bottom:20px}

/* Smaller type for stat grids */
[style*="clamp(24px,3vw,36px)"]{font-size:22px !important}
[style*="clamp(28px,4vw,44px)"]{font-size:24px !important}

/* Steps single column on phone */
.steps{grid-template-columns:1fr}
.step{grid-template-columns:1fr}
.step:nth-child(odd){border-right:none}

/* Footer single column on phone */
.ft-grid{grid-template-columns:1fr;gap:32px}
}
@media(min-width:901px){.hamburger{display:none}.mob-overlay{display:none}.mob-nav-contact{display:none !important}}

/* CHAPTER LABEL */
.ch{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--terra);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.ch::before{content:'';width:24px;height:1px;background:var(--terra)}
.ch-w{color:var(--sea-light)}.ch-w::before{background:var(--sea-light)}

/* PAGE HERO */
.page-hero{position:relative;height:55vh;min-height:400px;overflow:hidden;background:var(--noir);display:flex;align-items:flex-end}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.5;filter:saturate(0.7)}
.page-hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,41,0.05) 0%,rgba(10,25,41,0.8) 100%)}
.page-hero-inner{position:relative;padding:0 48px 56px;max-width:800px}
.page-hero-inner h1{font-family:var(--serif);font-size:clamp(34px,5vw,68px);font-weight:300;line-height:1.08;color:var(--white);letter-spacing:-1.5px;margin-bottom:16px;animation:up 1.2s cubic-bezier(0.16,1,0.3,1) 0.2s both}
.page-hero-inner h1 i{font-style:italic;color:var(--sea-light)}
.page-hero-inner p{font-size:16px;line-height:1.7;color:rgba(255,255,255,0.55);font-weight:300;max-width:520px;animation:up 1.2s cubic-bezier(0.16,1,0.3,1) 0.4s both}
@media(max-width:768px){.page-hero-inner{padding:0 20px 40px}}

/* CONTENT */
.content{padding:100px 48px;max-width:1400px;margin:0 auto}
.content h2{font-family:var(--serif);font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1.2;letter-spacing:-0.5px;margin-bottom:24px}
.content h2 i{font-style:italic;color:var(--sea)}
.content .body{font-size:16px;line-height:1.85;color:var(--ash);font-weight:300;margin-bottom:36px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
@media(max-width:1024px){.split{grid-template-columns:1fr;gap:48px}.content{padding:60px 20px}}

/* IMAGE GRID */
.img-grid{display:grid;gap:8px}.img-grid.cols-2{grid-template-columns:1fr 1fr}.img-grid.cols-3{grid-template-columns:1fr 1fr 1fr}
.ig{overflow:hidden;position:relative}
.ig img{width:100%;height:100%;object-fit:cover;min-height:200px;filter:saturate(0.85);transition:all 0.7s cubic-bezier(0.22,1,0.36,1)}
.ig:hover img{transform:scale(1.04);filter:saturate(1)}
.ig.wide{grid-column:span 2}.ig.tall{grid-row:span 2}
.ig .tag{position:absolute;bottom:0;left:0;right:0;padding:28px 14px 10px;background:linear-gradient(to top,rgba(8,9,10,0.6),transparent);font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.6)}

/* STATS */
.stats{display:flex;gap:48px;padding:32px 0;border-top:1px solid var(--bone)}
.stats.dark{border-color:rgba(255,255,255,0.08)}
.st-val{font-family:var(--serif);font-size:44px;font-weight:600;line-height:1}
.st-lbl{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--fog);margin-top:4px}
@media(max-width:768px){.stats{flex-wrap:wrap;gap:32px}}

/* STEPS */
.steps{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,0.06)}
.step{border-bottom:1px solid rgba(255,255,255,0.06);overflow:hidden;transition:background 0.5s;display:grid;grid-template-columns:200px 1fr}
.step:nth-child(odd){border-right:1px solid rgba(255,255,255,0.06)}
.step:hover{background:rgba(255,255,255,0.02)}
.step-photo{width:100%;height:100%;min-height:180px;overflow:hidden}
.step-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(0.55) brightness(0.8);transition:all 0.7s cubic-bezier(0.22,1,0.36,1)}
.step:hover .step-photo img{filter:saturate(1) brightness(1);transform:scale(1.05)}
.step-body{padding:28px 24px}
.step-num{font-family:var(--mono);font-size:11px;color:var(--terra-light);letter-spacing:2px;margin-bottom:12px}
.step h3{font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:10px;color:var(--white)}
.step p{font-size:13px;line-height:1.7;color:var(--fog);font-weight:300}
@media(max-width:1024px){.steps{grid-template-columns:1fr}.step:nth-child(odd){border-right:none}}
@media(max-width:768px){.step{grid-template-columns:1fr !important}.step-photo{height:200px;min-height:auto}}
@media(max-width:768px){.steps{grid-template-columns:1fr}.step{border-right:none}}

/* DARK SECTION */
.dark-section{background:var(--noir);color:var(--white);padding:120px 48px}
.dark-section h2{color:var(--white)}.dark-section h2 i{color:var(--sea-light)}.dark-section .body{color:var(--fog)}
@media(max-width:768px){.dark-section{padding:80px 20px}}

/* BLEED */
.bleed{position:relative;height:55vh;min-height:380px;overflow:hidden}
.bleed img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7) brightness(0.85)}
.bleed-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,10,0) 0%,rgba(8,9,10,0.5) 100%)}
.bleed-text{position:absolute;bottom:44px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:end}
.bleed-text h3{font-family:var(--serif);font-size:clamp(22px,2.8vw,36px);font-weight:300;color:var(--white);max-width:480px}
.bleed-text h3 i{font-style:italic}
.bleed-coord{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,0.3);letter-spacing:1.5px}
@media(max-width:768px){.bleed-text{flex-direction:column;align-items:flex-start;gap:8px;left:20px;right:20px;bottom:24px}}

/* HORIZONTAL GALLERY */
.hgal{padding:100px 0 100px 48px;overflow:hidden}
.hgal-head{max-width:1400px;margin:0 0 48px;padding-right:48px}
.hgal-head h2{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:300;letter-spacing:-0.5px}
.htrack{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.htrack::-webkit-scrollbar{display:none}.htrack:active{cursor:grabbing}
.hc{flex:0 0 340px;scroll-snap-align:start;position:relative;overflow:hidden;background:var(--noir)}
.hc img{width:100%;height:440px;object-fit:cover;filter:saturate(0.75);transition:all 0.7s cubic-bezier(0.22,1,0.36,1)}
.hc:hover img{transform:scale(1.05);filter:saturate(1)}
.hc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,10,0.7) 0%,transparent 40%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;pointer-events:none}
.hc-tag{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--terra-light);margin-bottom:4px}
.hc-ov h4{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--white)}
.hspacer{flex:0 0 48px}
@media(max-width:768px){.hc{flex:0 0 280px}.hc img{height:360px}.hgal{padding:60px 0 60px 20px}}

/* CTA */
.cta-bar{padding:100px 48px;text-align:center}
.cta-bar h2{font-family:var(--serif);font-size:clamp(32px,4.5vw,56px);font-weight:300;line-height:1.1;letter-spacing:-1px;margin-bottom:20px}
.cta-bar h2 i{font-style:italic;color:var(--sea)}
.cta-bar p{font-size:16px;color:var(--ash);font-weight:300;max-width:460px;margin:0 auto 32px;line-height:1.7}
.cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:var(--noir);color:var(--white);font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.3s}
.cta-btn:hover{background:var(--sea-dark);box-shadow:0 8px 32px rgba(12,53,71,0.3);transform:translateY(-2px)}
@media(max-width:768px){.cta-bar{padding:60px 20px}}

/* QUOTE */
.quote-section{background:var(--sea-dark);padding:100px 48px;position:relative}
.quote-section::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,53,71,1) 0%,rgba(27,107,138,0.25) 100%)}
.quote-inner{position:relative;max-width:900px;margin:0 auto;display:grid;grid-template-columns:80px 1fr;gap:28px;align-items:start}
.q-mark{font-family:var(--serif);font-size:120px;line-height:0.65;color:var(--terra);opacity:0.35;user-select:none}
.q-text{font-family:var(--serif);font-size:clamp(20px,2.8vw,30px);font-weight:300;font-style:italic;line-height:1.45;color:var(--white);margin-bottom:28px}
.q-who h5{font-size:15px;font-weight:600;color:var(--white)}.q-who span{font-family:var(--mono);font-size:11px;color:var(--fog);letter-spacing:1px}
@media(max-width:768px){.quote-inner{grid-template-columns:1fr;gap:0}.q-mark{font-size:80px;margin-bottom:4px}.quote-section{padding:60px 20px}}

/* CARDS */
.card-grid{display:flex;flex-direction:column;gap:16px}
.card{border:1px solid var(--bone);padding:36px;position:relative;overflow:hidden;transition:all 0.4s;cursor:default}
.card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--terra);transform:scaleY(0);transform-origin:top;transition:transform 0.4s}
.card:hover{border-color:var(--mist);background:var(--white);box-shadow:0 8px 40px rgba(0,0,0,0.05)}
.card:hover::before{transform:scaleY(1)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.card h4{font-family:var(--serif);font-size:24px;font-weight:500}
.card .ct{font-family:var(--mono);font-size:11px;color:var(--fog);letter-spacing:1px}
.card p{font-size:14px;line-height:1.7;color:var(--ash);font-weight:300}

/* SPEC GRID */
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,0.08)}
.spec{padding:32px;border-right:1px solid rgba(255,255,255,0.08)}
.spec:nth-child(3n){border-right:none}
.spec:nth-child(n+4){border-top:1px solid rgba(255,255,255,0.08)}
.spec-label{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--fog);margin-bottom:8px}
.spec-val{font-family:var(--serif);font-size:24px;color:var(--white)}
@media(max-width:768px){.spec-grid{grid-template-columns:1fr 1fr}.spec:nth-child(2n){border-right:none}.spec:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.08)}}

/* MASONRY */
.masonry{columns:3;column-gap:10px;max-width:1400px;margin:0 auto}
.masonry .mi{break-inside:avoid;margin-bottom:10px;overflow:hidden;position:relative}
.masonry .mi img{width:100%;display:block;filter:saturate(0.8);transition:all 0.6s cubic-bezier(0.22,1,0.36,1)}
.masonry .mi:hover img{filter:saturate(1);transform:scale(1.02)}
.masonry .mi .mi-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,10,0.55) 0%,transparent 35%);opacity:0;transition:opacity 0.4s;display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.masonry .mi:hover .mi-ov{opacity:1}
.masonry .mi .mi-ov span{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--terra-light);margin-bottom:3px}
.masonry .mi .mi-ov h4{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--white)}
@media(max-width:1024px){.masonry{columns:2}}@media(max-width:600px){.masonry{columns:1}}

/* FOOTER */
footer{background:var(--noir);color:var(--white);padding:72px 48px 36px}
.ft-grid{max-width:1400px;margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.ft-brand .logo{font-family:var(--serif);font-size:26px;font-weight:600;display:block;margin-bottom:12px}
.ft-brand p{font-size:14px;line-height:1.7;color:var(--ash);font-weight:300;max-width:280px}
.ft-brand .coord{margin-top:14px;font-family:var(--mono);font-size:10px;color:var(--graphite);letter-spacing:1.5px}
.ft-col h6{font-family:var(--mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--ash);margin-bottom:18px}
.ft-col a{display:block;font-size:14px;color:rgba(255,255,255,0.45);margin-bottom:11px;font-weight:300;transition:color 0.3s}
.ft-col a:hover{color:var(--sea-light)}
.ft-btm{max-width:1400px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;align-items:center}
.ft-btm span{font-size:12px;color:var(--graphite)}
@media(max-width:768px){.ft-grid{grid-template-columns:1fr 1fr}footer{padding:48px 20px 24px}.ft-btm{flex-direction:column;gap:8px}}

/* REVEAL */
.rv{opacity:0;transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-d1{transition-delay:0.1s}.rv-d2{transition-delay:0.2s}.rv-d3{transition-delay:0.3s}
@keyframes up{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}
@keyframes drift{0%{transform:scale(1)}100%{transform:scale(1.07)}}