html{box-sizing:border-box;scroll-behavior:smooth}
*,::before,::after{box-sizing:inherit}
body{margin:0;font-family:'Noto Sans KR','Noto Sans',sans-serif;font-size:15px;line-height:1.55;background-color:#fff;color:#1a1a1a;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:#1a1a1a;color:#fff}
:focus-visible{outline:2px solid #EB4E79;outline-offset:2px;box-shadow:0 0 0 4px #ffda5480}
.siteouter{max-width:1320px;margin:0 auto;padding:0 32px}
.siteheader{background:#fff;border-bottom:2px solid #FFDA54;box-shadow:1px 6px 28px 0 #ffda5417;position:relative;z-index:100}
.siteheadertop{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:16px 0}
.siteheadertopinner{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:center;gap:32px}
.sitelogowrapper{background:#fff;border-radius:4px;padding:8px;box-shadow:1px 2px 5px 0 #ffda540d 1px 6px 28px 0 #ffda5417;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sitelogowrapper img{width:60px;height:60px;object-fit:contain;display:block}
.siteheaderbrand{display:flex;flex-direction:column;align-items:center;gap:4px}
.siteheadertitle{font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:#fff;margin:0}
.siteheadertitle span{color:#FFDA54}
.siteheadertagline{font-size:14px;line-height:1.55;color:#ffffffb8;letter-spacing:.04em;margin:0}
.siteheadernav{background:#F4F4F4;border-top:1px solid #ffda544d;padding:0}
.siteheadernavinner{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}
.navlink{display:inline-flex;align-items:center;padding:16px 32px;font-size:15px;font-weight:700;color:#1a1a1a;text-decoration:none;letter-spacing:.02em;border-radius:2px;border-bottom:3px solid transparent;transition:color .12s ease-out,border-color .12s ease-out,background-color .18s ease-out;position:relative}
.navlink:hover{color:#EB4E79;background-color:#fff;border-radius:22px;border-bottom-color:#FFDA54}
.navlink--active{color:#EB4E79;border-bottom-color:#EB4E79}
.navlinkdivider{width:1px;height:20px;background:#1a1a1a26;flex-shrink:0}
.ripplebutton{position:relative;overflow:hidden}
.ripplebutton::after{content:'';position:absolute;width:0;height:0;background:#ffffff59;border-radius:22px;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out;opacity:0;pointer-events:none}
.ripplebutton:active::after{width:200px;height:200px;opacity:1;transition:none}
.sitefooter{background:linear-gradient(160deg,#1a1a1a 0%,#2a2a2a 100%);box-shadow:1px 10px 40px 0 #eb4e7924;padding-top:64px;padding-bottom:0;margin-top:96px;position:relative}
.sitefooter::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FFDA54 0%,#EB4E79 50%,#FFDA54 100%)}
.sitefooterouter{max-width:1320px;margin:0 auto;padding:0 32px}
.sitefootermaingrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;padding-bottom:64px}
.footercolumntitle{font-size:14px;font-weight:700;color:#FFDA54;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #ffda5433}
.footernavlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footernavlist li a{font-size:15px;color:#ffffffb8;text-decoration:none;letter-spacing:.01em;border-radius:2px;transition:color .1s ease-out;display:inline-block;padding:4px 0}
.footernavlist li a:hover{color:#FFDA54}
.footercontactblock{display:flex;flex-direction:column;gap:8px}
.footercontactitem{font-size:14px;color:#fff9;line-height:1.55;display:flex;align-items:flex-start;gap:8px}
.footercontactitem a{color:#ffffffb8;text-decoration:none;transition:color .1s linear}
.footercontactitem a:hover{color:#FFDA54}
.footercontacticon{width:16px;height:16px;flex-shrink:0;margin-top:2px;fill:#FFDA54}
.footerbottombar{border-top:1px solid #ffffff14;padding:32px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footerlogorow{display:flex;align-items:center;gap:16px}
.footerlogowrap{background:#fff;border-radius:4px;padding:4px;box-shadow:1px 2px 5px 0 #ffda540d;display:flex;align-items:center;justify-content:center}
.footerlogowrap img{width:40px;height:40px;object-fit:contain;display:block}
.footercopyright{font-size:14px;color:#fff6;letter-spacing:.02em}
.footerlegalnav{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.footerlegallink{font-size:14px;color:#fff6;text-decoration:none;padding:4px 8px;border-radius:2px;transition:color .1s ease-out}
.footerlegallink:hover{color:#ffffffd9;border-radius:22px}
.footerlegalsep{width:3px;height:3px;background:#fff3;border-radius:22px;flex-shrink:0}
.cookiepopup{position:fixed;left:32px;top:50%;transform:translateY(-50%);z-index:9999;width:300px;background:#fff;border-radius:4px;border-top:3px solid #FFDA54;box-shadow:1px 10px 40px 0 #eb4e7924 1px 6px 28px 0 #ffda5417;padding:32px;display:none}
.cookiepopup--visible{display:block;animation:cookieSlidein .35s ease-out forwards}
.cookiepopup--hiding{animation:cookieSlideout .25s ease-out forwards}
@keyframes cookieSlidein {
from{opacity:0;transform:translateY(calc(-50% - 24px))}
to{opacity:1;transform:translateY(-50%)}
}
@keyframes cookieSlideout {
from{opacity:1;transform:translateY(-50%)}
to{opacity:0;transform:translateY(calc(-50% - 24px))}
}
.cookiepopuptitle{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.1}
.cookiepopuptext{font-size:14px;color:#1a1a1ab8;line-height:1.55;margin:0 0 16px}
.cookiepopuptext a{color:#EB4E79;text-decoration:underline}
.cookiepopupactions{display:flex;flex-direction:column;gap:8px}
.cookieacceptbtn{display:block;width:100%;padding:16px;background:#FFDA54;color:#1a1a1a;font-size:15px;font-weight:700;border:none;border-radius:4px;cursor:pointer;text-align:center;transition:background-color .12s ease-out,border-radius .18s ease-out;box-shadow:1px 2px 5px 0 #ffda540d;position:relative;overflow:hidden}
.cookieacceptbtn:hover{background:#f0ca30;border-radius:22px}
.cookiedeclinebtn{display:block;width:100%;padding:8px;background:transparent;color:#1a1a1a8c;font-size:14px;border:1px solid #1a1a1a26;border-radius:4px;cursor:pointer;text-align:center;transition:border-color .12s ease-out,color .12s ease-out,border-radius .2s ease-out}
.cookiedeclinebtn:hover{border-color:#EB4E79;color:#EB4E79;border-radius:22px}
@media (max-width: 1024px) {
.sitefootermaingrid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width: 768px) {
.siteouter{padding:0 16px}
.siteheadertopinner{padding:0 16px;flex-direction:column;gap:16px}
.siteheadernavinner{padding:0 16px}
.navlink{padding:12px 16px;font-size:14px}
.sitefooterouter{padding:0 16px}
.sitefootermaingrid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}
.footerbottombar{flex-direction:column;align-items:flex-start;gap:16px}
.cookiepopup{left:16px;right:16px;width:auto}
}
@media (max-width: 480px) {
.siteheadertitle{font-size:18px}
.navlinkdivider{display:none}
}
.agreement-block{max-width:1320px;margin:0 auto;padding:64px 32px;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.agreement-block p{font-size:15px;line-height:1.55;letter-spacing:.01em;margin-bottom:16px;color:#1a1a1a}
.agreement-block strong,.agreement-block b{font-weight:700;color:#111}
.agreement-block a{color:#EB4E79;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .12s ease-out,text-decoration-color .12s ease-out;border-radius:2px}
.agreement-block a:hover{color:#c73060;text-decoration-color:#FFDA54}
.agreement-block a::selection,.agreement-block p::selection,.agreement-block strong::selection,.agreement-block b::selection{background:#111;color:#fff}
.agreement-block table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;margin-bottom:32px;border-radius:4px;overflow:hidden;box-shadow:1px 6px 28px 0 #ffda5417}
.agreement-block thead{background:#FFDA54}
.agreement-block thead th{font-size:14px;font-weight:700;letter-spacing:.03em;color:#111;padding:16px;text-align:left;border-bottom:2px solid #EB4E79}
.agreement-block tbody tr{background:#fff;transition:background .1s linear}
.agreement-block tbody tr:nth-child(even){background:#F4F4F4}
.agreement-block tbody tr:hover{background:#fff8e8}
.agreement-block td{padding:16px;font-size:14px;line-height:1.55;color:#1a1a1a;border-bottom:1px solid #e8e8e8;vertical-align:top}
.agreement-block hr{border:none;height:2px;background:linear-gradient(90deg,#FFDA54 0%,#EB4E79 60%,#F4F4F4 100%);border-radius:2px;margin:32px 0;opacity:.7}
@media (max-width: 768px) {
.agreement-block{padding:32px 16px}
.agreement-block table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.agreement-block p{font-size:14px}
}
@media (max-width: 480px) {
.agreement-block{padding:32px 8px}
.agreement-block thead th,.agreement-block td{padding:8px}
}
.detailpage{background:#fff;overflow-x:hidden;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.detailpage ::selection{background:#1a1a1a;color:#fff}
.detailpage :focus-visible{outline:2px solid #EB4E79;outline-offset:2px}
.detailpage .herowrapper{display:grid;grid-template-columns:1fr 1fr;min-height:420px;max-width:100%;position:relative}
.detailpage .heroleft{background:#1a1a1a;padding:64px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.detailpage .heroleft::before{content:'';position:absolute;top:0;left:0;width:80px;height:1px;background:#FFDA54}
.detailpage .heroleft::after{content:'';position:absolute;top:0;left:0;width:1px;height:80px;background:#FFDA54}
.detailpage .herocornerline{position:absolute;bottom:32px;right:32px;width:48px;height:48px;border-right:1px solid #ffda5459;border-bottom:1px solid #ffda5459;pointer-events:none}
.detailpage .herobadgerow{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:32px}
.detailpage .heroformat{display:inline-block;font-size:14px;line-height:1.55;letter-spacing:.12em;text-transform:uppercase;color:#FFDA54;padding:4px 16px;border:1px solid #ffda5466;border-radius:2px}
.detailpage .heroreadtime{font-size:14px;line-height:1.55;color:#ffffff80;letter-spacing:.04em}
.detailpage .herotitle{font-size:30px;line-height:1.1;color:#fff;letter-spacing:-.02em;margin:0 0 16px;font-weight:700}
.detailpage .herodesc{font-size:15px;line-height:1.55;color:#ffffffa6;margin:0 0 32px;max-width:480px}
.detailpage .herometa{display:flex;flex-direction:row;gap:32px;align-items:center}
.detailpage .herometaitem{display:flex;flex-direction:column;gap:4px}
.detailpage .herometalabel{font-size:14px;line-height:1.55;color:#fff6;letter-spacing:.06em;text-transform:uppercase}
.detailpage .herometavalue{font-size:15px;line-height:1.55;color:#fff;font-weight:600}
.detailpage .heroright{position:relative;overflow:hidden}
.detailpage .heroright img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(0.55) brightness(0.92);transition:filter .5s ease-out}
.detailpage .heroright:hover img{filter:saturate(0.75) brightness(0.97)}
.detailpage .heropublish{position:absolute;bottom:16px;left:16px;font-size:14px;line-height:1.55;color:#ffffffb3;background:#1a1a1ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 16px;border-radius:2px}
.detailpage .herolikes{position:absolute;top:16px;right:16px;display:flex;flex-direction:row;align-items:center;gap:8px;background:#1a1a1ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 16px;border-radius:4px;color:#fff;font-size:14px;line-height:1.55}
.detailpage .likeheart{width:16px;height:16px;display:inline-block}
.detailpage .pricesticky{background:#FFDA54;padding:32px 64px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;box-shadow:1px 6px 28px 0 #ffda5417}
.detailpage .priceblock{display:flex;flex-direction:row;align-items:baseline;gap:16px}
.detailpage .priceamount{font-size:56px;line-height:1.1;font-weight:800;color:#1a1a1a;letter-spacing:-.03em}
.detailpage .priceterms{font-size:15px;line-height:1.55;color:#1a1a1aa6;max-width:260px}
.detailpage .enrollbtn{display:inline-block;background:#1a1a1a;color:#FFDA54;font-size:15px;line-height:1.55;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:16px 64px;border-radius:4px;border:none;cursor:pointer;text-decoration:none;box-shadow:1px 6px 28px 0 #eb4e7917;transition:border-radius .12s ease-out,background .18s ease-out;position:relative;overflow:hidden}
.detailpage .enrollbtn:hover{background:#EB4E79;color:#fff;border-radius:22px}
.detailpage .enrollbtn:active{transform:scale(0.98)}
.detailpage .contentouter{max-width:1320px;margin:0 auto;padding:64px 64px 0;display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;align-items:start}
.detailpage .descriptionblock{grid-column:1 / 3}
.detailpage .sidebarblock{grid-column:3 / 4}
.detailpage .sectionlabel{font-size:14px;line-height:1.55;letter-spacing:.14em;text-transform:uppercase;color:#EB4E79;margin-bottom:16px;font-weight:600;display:block}
.detailpage .descriptionblock .richcontent p{font-size:15px;line-height:1.55;color:#2a2a2a;margin-bottom:16px}
.detailpage .descriptionblock .richcontent h2{font-size:22px;line-height:1.1;color:#1a1a1a;font-weight:700;margin:32px 0 16px;letter-spacing:-.01em}
.detailpage .descriptionblock .richcontent h3{font-size:18px;line-height:1.55;color:#1a1a1a;font-weight:600;margin:24px 0 8px}
.detailpage .descriptionblock .richcontent strong{color:#1a1a1a;font-weight:700}
.detailpage .descriptionblock .richcontent ul{padding-left:0;list-style:none;margin:16px 0}
.detailpage .descriptionblock .richcontent ul li{font-size:15px;line-height:1.55;color:#2a2a2a;padding:8px 0 8px 32px;position:relative;border-bottom:1px solid #F4F4F4}
.detailpage .descriptionblock .richcontent ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#FFDA54;border-radius:2px;flex-shrink:0}
.detailpage .descriptionblock .richcontent ol{padding-left:0;list-style:none;counter-reset:richlist;margin:16px 0}
.detailpage .descriptionblock .richcontent ol li{font-size:15px;line-height:1.55;color:#2a2a2a;padding:8px 0 8px 40px;position:relative;counter-increment:richlist;border-bottom:1px solid #F4F4F4}
.detailpage .descriptionblock .richcontent ol li::before{content:counter(richlist);position:absolute;left:0;top:8px;width:24px;height:24px;background:#EB4E79;color:#fff;font-size:14px;font-weight:700;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:24px}
.detailpage .descriptionblock .richcontent blockquote{margin:32px 0;padding:32px;background:#F4F4F4;border-radius:4px;position:relative}
.detailpage .descriptionblock .richcontent blockquote p{font-size:18px;line-height:1.55;color:#1a1a1a;font-weight:500}
.detailpage .descriptionblock .richcontent cite{font-size:14px;color:#1a1a1a8c;font-style:normal}
.detailpage .descriptionblock .richcontent dl{margin:16px 0}
.detailpage .descriptionblock .richcontent dt{font-size:15px;font-weight:700;color:#1a1a1a;margin-top:16px}
.detailpage .descriptionblock .richcontent dd{font-size:15px;line-height:1.55;color:#2a2a2a;margin-left:16px;margin-top:4px}
.detailpage .descriptionblock .richcontent details{border:1px solid #e8e8e8;border-radius:4px;margin:8px 0;overflow:hidden;transition:box-shadow .15s ease-out}
.detailpage .descriptionblock .richcontent details:hover{box-shadow:1px 2px 5px 0 #ffda540d}
.detailpage .descriptionblock .richcontent details summary{font-size:15px;font-weight:600;color:#1a1a1a;padding:16px;cursor:pointer;list-style:none;background:#F4F4F4;transition:background .12s ease-out}
.detailpage .descriptionblock .richcontent details summary:hover{background:#eaeaea}
.detailpage .descriptionblock .richcontent details[open] summary{background:#FFDA54}
.detailpage .descriptionblock .richcontent details > :not(summary){padding:16px;font-size:15px;line-height:1.55;color:#2a2a2a}
.detailpage .dividerline{width:100%;height:1px;background:radial-gradient(ellipse at 50% 50%,#FFDA54 0%,transparent 70%);margin:64px 0}
.detailpage .programouter{max-width:1320px;margin:0 auto;padding:0 64px 64px}
.detailpage .programheader{display:flex;flex-direction:row;align-items:baseline;gap:32px;margin-bottom:32px}
.detailpage .programtitle{font-size:22px;line-height:1.1;font-weight:700;color:#1a1a1a;letter-spacing:-.01em;margin:0;text-transform:uppercase;letter-spacing:.06em;font-weight:300}
.detailpage .programcontent p{font-size:15px;line-height:1.55;color:#2a2a2a;margin-bottom:16px}
.detailpage .programcontent h2{font-size:18px;line-height:1.55;color:#1a1a1a;font-weight:600;margin:24px 0 8px}
.detailpage .programcontent strong{color:#1a1a1a;font-weight:700}
.detailpage .programcontent mark{background:#FFDA54;color:#1a1a1a;padding:0 4px;border-radius:2px}
.detailpage .programcontent ul{list-style:none;padding:0;margin:16px 0}
.detailpage .programcontent ul li{font-size:15px;line-height:1.55;color:#2a2a2a;padding:8px 0 8px 32px;position:relative;border-bottom:1px solid #F4F4F4}
.detailpage .programcontent ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:2px;background:#EB4E79}
.detailpage .programcontent details{border:1px solid #e8e8e8;border-radius:4px;margin:8px 0;overflow:hidden}
.detailpage .programcontent details summary{font-size:15px;font-weight:600;color:#1a1a1a;padding:16px;cursor:pointer;list-style:none;background:#F4F4F4;transition:background .12s ease-out}
.detailpage .programcontent details summary:hover{background:#FFDA54}
.detailpage .programcontent details[open] summary{background:#FFDA54;border-bottom:1px solid #1a1a1a1a}
.detailpage .programcontent details > :not(summary){padding:16px;font-size:15px;line-height:1.55;color:#2a2a2a}
.detailpage .sidebarblock{position:sticky;top:32px;display:flex;flex-direction:column;gap:16px}
.detailpage .sidebarcard{background:#F4F4F4;border-radius:4px;padding:32px;box-shadow:1px 2px 5px 0 #ffda540d}
.detailpage .sidebarcardtitle{font-size:14px;line-height:1.55;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a80;margin-bottom:16px;display:block}
.detailpage .sidebarmetalist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.detailpage .sidebarmetalist li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px;line-height:1.55;color:#2a2a2a;padding:8px 0;border-bottom:1px solid #1a1a1a14}
.detailpage .sidebarmetalist li:last-child{border-bottom:none}
.detailpage .sidebarmetalist li span:first-child{color:#1a1a1a8c}
.detailpage .sidebarmetalist li span:last-child{font-weight:600;color:#1a1a1a}
.detailpage .sidebarenrollbtn{display:block;width:100%;background:#EB4E79;color:#fff;font-size:15px;line-height:1.55;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:16px;border-radius:4px;border:none;cursor:pointer;text-decoration:none;text-align:center;box-shadow:1px 6px 28px 0 #eb4e7917;transition:border-radius .12s ease-out,background .18s ease-out;position:relative;overflow:hidden}
.detailpage .sidebarenrollbtn:hover{background:#1a1a1a;border-radius:22px;color:#FFDA54}
.detailpage .aurorabg{background:linear-gradient(45deg,#ffda5412 0%,#eb4e790d 60%,transparent 100%);padding:64px;margin-top:0}
.detailpage .ctafinalblock{max-width:1320px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:64px;background:#1a1a1a;border-radius:4px;padding:64px;box-shadow:1px 10px 40px 0 #ffda5424;position:relative;overflow:hidden}
.detailpage .ctafinalblock::before{content:'';position:absolute;top:0;right:0;width:120px;height:1px;background:#ffda5466}
.detailpage .ctafinalblock::after{content:'';position:absolute;top:0;right:0;width:1px;height:120px;background:#ffda5466}
.detailpage .ctafinaltext h3{font-size:22px;line-height:1.1;color:#fff;font-weight:700;margin:0 0 16px}
.detailpage .ctafinaltext p{font-size:15px;line-height:1.55;color:#fff9;margin:0;max-width:400px}
.detailpage .ctafinalactions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}
.detailpage .ctapricebig{font-size:30px;line-height:1.1;font-weight:800;color:#FFDA54;letter-spacing:-.02em}
.detailpage .ctabtnouter{display:inline-block;background:#FFDA54;color:#1a1a1a;font-size:15px;line-height:1.55;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:16px 64px;border-radius:4px;text-decoration:none;transition:border-radius .12s ease-out,background .2s ease-out,color .2s ease-out;box-shadow:1px 6px 28px 0 #ffda5417}
.detailpage .ctabtnouter:hover{background:#EB4E79;color:#fff;border-radius:22px}
@media (max-width: 1024px) {
.detailpage .heroleft{padding:32px}
.detailpage .herotitle{font-size:22px}
.detailpage .pricesticky{padding:32px}
.detailpage .contentouter{grid-template-columns:1fr;padding:32px;gap:32px}
.detailpage .descriptionblock{grid-column:1}
.detailpage .sidebarblock{grid-column:1;position:static}
.detailpage .programouter{padding:0 32px 32px}
.detailpage .ctafinalblock{flex-direction:column;padding:32px;gap:32px}
.detailpage .ctafinalactions{align-items:flex-start}
.detailpage .aurorabg{padding:32px}
}
@media (max-width: 768px) {
.detailpage .herowrapper{grid-template-columns:1fr}
.detailpage .heroright{height:260px}
.detailpage .heroleft{padding:32px 16px}
.detailpage .pricesticky{flex-direction:column;align-items:flex-start;padding:32px 16px;gap:16px}
.detailpage .priceamount{font-size:30px}
.detailpage .herometa{flex-direction:column;gap:16px;align-items:flex-start}
.detailpage .contentouter{padding:32px 16px}
.detailpage .programouter{padding:0 16px 32px}
.detailpage .aurorabg{padding:32px 16px}
.detailpage .ctafinalblock{padding:32px 16px}
.detailpage .enrollbtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.detailpage .herotitle{font-size:18px}
.detailpage .programtitle{font-size:18px}
}
.masterclasspage{background:#fff;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.masterclasspage ::selection{background:#111;color:#fff}
.masterclasspage :focus-visible{outline:2px solid #EB4E79;outline-offset:2px}
.masterclasspage .pageouter{max-width:1320px;margin:0 auto;padding:0 32px}
.masterclasspage .titleblock{padding:96px 0 64px;position:relative}
.masterclasspage .titleblock .dotgrid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}
.masterclasspage .titleblock .dotgrid::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#ffda5459 1px,transparent 1px);background-size:28px 28px}
.masterclasspage .titleblockinner{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;align-items:end;position:relative;z-index:1}
.masterclasspage .titletext{grid-column:1 / 3}
.masterclasspage .titleimage{grid-column:3 / 4;align-self:end}
.masterclasspage .titlelabel{display:inline-block;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#EB4E79;font-weight:600;margin-bottom:16px;border:1.5px solid #EB4E79;border-radius:2px;padding:4px 8px}
.masterclasspage .titleheading{font-size:56px;line-height:1.1;letter-spacing:-.02em;color:#111;margin:0 0 16px;font-weight:800}
.masterclasspage .titleheading span{background:linear-gradient(45deg,#FFDA54,#EB4E79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.masterclasspage .titlesub{font-size:18px;line-height:1.55;color:#555;max-width:540px;margin:0}
.masterclasspage .titleimage img{width:100%;height:240px;object-fit:cover;display:block;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%);box-shadow:1px 10px 40px 0 #ffda5424;border-radius:4px}
.masterclasspage .cardsection{padding:64px 0 96px;background:#F4F4F4}
.masterclasspage .sectionheadrow{display:flex;flex-direction:row;align-items:baseline;gap:16px;margin-bottom:48px}
.masterclasspage .sectionheadrow h2{font-size:30px;line-height:1.1;letter-spacing:-.01em;color:#111;margin:0;font-weight:700;text-transform:uppercase}
.masterclasspage .sectionheadrow .headaccent{width:48px;height:3px;background:linear-gradient(45deg,#FFDA54,#EB4E79);border-radius:2px;flex-shrink:0;align-self:center}
.masterclasspage .cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.masterclasspage .mastercard{background:#fff;border-radius:4px;box-shadow:1px 6px 28px 0 #ffda5417;display:flex;flex-direction:column;overflow:hidden;border:1.5px solid transparent;transition:border-color .12s ease-out,border-radius .18s ease-out,box-shadow .18s ease-out}
.masterclasspage .mastercard:hover{border-color:#FFDA54;border-radius:22px;box-shadow:1px 10px 40px 0 #ffda5424}
.masterclasspage .cardimgwrap{position:relative;overflow:hidden}
.masterclasspage .cardimgwrap img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .4s ease-out}
.masterclasspage .mastercard:hover .cardimgwrap img{transform:scale(1.04)}
.masterclasspage .carduserbadge{position:absolute;top:8px;left:8px;background:#FFDA54;color:#111;font-size:14px;font-weight:600;padding:4px 8px;border-radius:2px;letter-spacing:.04em}
.masterclasspage .cardbody{padding:24px;display:flex;flex-direction:column;flex:1;gap:16px}
.masterclasspage .cardtitle{font-size:18px;line-height:1.55;font-weight:700;color:#111;margin:0;letter-spacing:-.01em}
.masterclasspage .carddesc{font-size:15px;line-height:1.55;color:#555;margin:0;flex:1}
.masterclasspage .cardmeta{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.masterclasspage .cardmetaitem{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:14px;color:#777}
.masterclasspage .cardmetaitem svg{width:16px;height:16px;flex-shrink:0}
.masterclasspage .cardfooter{padding:16px 24px 24px;border-top:1px solid #F4F4F4;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.masterclasspage .cardprice{font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}
.masterclasspage .cardpricedes{font-size:14px;color:#888;margin-top:2px}
.masterclasspage .cardlink{display:inline-block;background:#111;color:#FFDA54;font-size:15px;font-weight:600;padding:8px 16px;border-radius:4px;text-decoration:none;letter-spacing:.03em;transition:background .1s ease-out,border-radius .18s ease-out,color .1s linear;position:relative;overflow:hidden}
.masterclasspage .cardlink:hover{background:#EB4E79;color:#fff;border-radius:22px}
.masterclasspage .cardlink::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;background:#ffffff40;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out;opacity:0;pointer-events:none}
.masterclasspage .cardlink:active::after{width:200px;height:200px;opacity:1;transition:width 0s,height 0s,opacity .4s ease-out}
.masterclasspage .cardlikes{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:14px;color:#EB4E79;font-weight:600}
.masterclasspage .cardlikes svg{width:16px;height:16px}
.masterclasspage .highlightcyclesection{padding:96px 0 64px;background:#fff;position:relative;overflow:hidden}
.masterclasspage .highlightcyclesection::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(45deg,#FFDA54,transparent)}
.masterclasspage .highlightgrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;align-items:center}
.masterclasspage .highlighttextcol{grid-column:1 / 2}
.masterclasspage .highlightitemscol{grid-column:2 / 4}
.masterclasspage .highlightlabel{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#EB4E79;font-weight:600;margin-bottom:16px;display:block}
.masterclasspage .highlightheading{font-size:30px;line-height:1.1;font-weight:700;color:#111;margin:0 0 16px;letter-spacing:-.01em}
.masterclasspage .highlightbody{font-size:15px;line-height:1.55;color:#555;margin:0}
.masterclasspage .quotemark{font-size:56px;line-height:1;color:#FFDA54;font-weight:900;display:block;margin-bottom:8px;letter-spacing:-.05em}
.masterclasspage .highlightitems{display:flex;flex-direction:column;gap:16px}
.masterclasspage .highlightitem{padding:24px;border-radius:4px;border:1.5px solid #F4F4F4;box-shadow:1px 2px 5px 0 #ffda540d;transition:border-color .15s ease-out,background .15s ease-out}
.masterclasspage .highlightitem:nth-child(1){animation:cyclehl 3.6s 0s infinite}
.masterclasspage .highlightitem:nth-child(2){animation:cyclehl 3.6s 1.2s infinite}
.masterclasspage .highlightitem:nth-child(3){animation:cyclehl 3.6s 2.4s infinite}
@keyframes cyclehl {
0%,100%{border-color:#F4F4F4;background:#fff}
20%,60%{border-color:#FFDA54;background:#ffda540f}
80%{border-color:#F4F4F4;background:#fff}
}
.masterclasspage .highlightitem h5{font-size:15px;font-weight:700;color:#111;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}
.masterclasspage .highlightitem p{font-size:14px;line-height:1.55;color:#555;margin:0}
.masterclasspage .ctabanner{padding:64px 0;background:linear-gradient(45deg,#111 60%,#222);position:relative;overflow:hidden}
.masterclasspage .ctabanner::before{content:'';position:absolute;top:-40px;right:-40px;width:280px;height:280px;border-radius:50%;background:#ffda5414;pointer-events:none}
.masterclasspage .ctainner{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px}
.masterclasspage .ctatext h3{font-size:30px;line-height:1.1;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.01em}
.masterclasspage .ctatext p{font-size:15px;line-height:1.55;color:#ffffffa6;margin:0;max-width:480px}
.masterclasspage .doubleborderbox{display:inline-block;padding:4px;border:2px solid #ffda544d;border-radius:4px}
.masterclasspage .doubleborderbox .innerborder{border:3px solid #FFDA54;border-radius:2px;padding:0}
.masterclasspage .ctabutton{display:inline-block;background:#FFDA54;color:#111;font-size:15px;font-weight:700;padding:16px 32px;border-radius:4px;text-decoration:none;letter-spacing:.04em;white-space:nowrap;transition:background .12s ease-out,color .12s linear,border-radius .18s ease-out;position:relative;overflow:hidden}
.masterclasspage .ctabutton:hover{background:#EB4E79;color:#fff;border-radius:22px}
.masterclasspage .ctabutton::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:width 0s,height 0s,opacity .4s ease-out}
.masterclasspage .ctabutton:active::after{width:300px;height:300px;opacity:1;transition:width 0s,height 0s,opacity .4s ease-out}
@media (max-width: 1024px) {
.masterclasspage .titleblockinner{grid-template-columns:1fr 1fr;gap:32px}
.masterclasspage .titletext{grid-column:1 / 2}
.masterclasspage .titleimage{grid-column:2 / 3}
.masterclasspage .cardgrid{grid-template-columns:1fr 1fr}
.masterclasspage .highlightgrid{grid-template-columns:1fr 1fr;gap:32px}
.masterclasspage .highlighttextcol{grid-column:1 / 2}
.masterclasspage .highlightitemscol{grid-column:2 / 3}
}
@media (max-width: 768px) {
.masterclasspage .titleblockinner{grid-template-columns:1fr;gap:32px}
.masterclasspage .titletext{grid-column:1}
.masterclasspage .titleimage{grid-column:1}
.masterclasspage .titleheading{font-size:30px}
.masterclasspage .cardgrid{grid-template-columns:1fr}
.masterclasspage .highlightgrid{grid-template-columns:1fr;gap:32px}
.masterclasspage .highlighttextcol,.masterclasspage .highlightitemscol{grid-column:1}
.masterclasspage .ctainner{flex-direction:column;align-items:flex-start}
.masterclasspage .pageouter{padding:0 16px}
.masterclasspage .titleblockinner{padding:0 16px}
}
@media (max-width: 480px) {
.masterclasspage .titleblock{padding:64px 0 32px}
.masterclasspage .cardsection{padding:32px 0 64px}
.masterclasspage .sectionheadrow h2{font-size:22px}
}
.pagewrapper{background:#fff;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.pagewrapper ::selection{background:#111;color:#fff}
.pagewrapper ::-webkit-input-placeholder{font-style:italic;opacity:.55}
.pagewrapper ::-moz-placeholder{font-style:italic;opacity:.55}
.pagewrapper .contentinner{max-width:1320px;margin:0 auto;padding:0 32px}
.pagewrapper .dividerline{display:flex;align-items:center;gap:0;height:2px;margin:0}
.pagewrapper .dividerline span{flex:1;height:1px;background:#e8e8e8}
.pagewrapper .dividerline em{width:48px;height:2px;background:#FFDA54;display:block;flex-shrink:0}
.pagewrapper .titleblock{padding:64px 32px;position:relative;background:radial-gradient(ellipse 80% 100% at 30% 60%,#ffda542e 0%,#eb4e7912 55%,transparent 80%);overflow:hidden}
.pagewrapper .titleblock .titlebgcircles{position:absolute;inset:0;pointer-events:none}
.pagewrapper .titleblock .titlebgcircles::before{content:"";position:absolute;width:420px;height:420px;border-radius:22px;border:1px solid #ffda5421;top:-80px;right:10%;transform:rotate(22deg)}
.pagewrapper .titleblock .titlebgcircles::after{content:"";position:absolute;width:220px;height:220px;border-radius:22px;border:1px solid #eb4e791a;bottom:16px;right:5%;transform:rotate(-12deg)}
.pagewrapper .titleblock .titleouter{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 2fr 1fr;gap:32px;align-items:center}
.pagewrapper .titleblock .titleleft{grid-column:1 / 3}
.pagewrapper .titleblock .titleright{grid-column:3 / 4;position:relative}
.pagewrapper .titleblock .titleaccent{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#EB4E79;font-weight:600;margin-bottom:16px;display:block}
.pagewrapper .titleblock .titleheading{font-size:56px;line-height:1.1;letter-spacing:-.02em;color:#111;margin:0 0 16px}
.pagewrapper .titleblock .titleheading strong{background:linear-gradient(45deg,#FFDA54,#EB4E79);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pagewrapper .titleblock .titledesc{font-size:18px;line-height:1.55;color:#444;max-width:520px;margin:0 0 32px}
.pagewrapper .titleblock .titlecta{display:inline-block;padding:16px 32px;background:#111;color:#FFDA54;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:4px;border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:1px 6px 28px 0 #ffda5417;transition:border-radius .12s ease-out,box-shadow .18s ease-out}
.pagewrapper .titleblock .titlecta:hover{border-radius:22px;box-shadow:1px 10px 40px 0 #ffda5424}
.pagewrapper .titleblock .titleimgwrap{position:relative}
.pagewrapper .titleblock .titleimgwrap img{width:100%;height:280px;object-fit:cover;border-radius:4px;opacity:.72;box-shadow:1px 10px 40px 0 #ffda5424}
.pagewrapper .metricsblock{background:#111;padding:64px 32px}
.pagewrapper .metricsblock .metricsouter{max-width:1320px;margin:0 auto}
.pagewrapper .metricsblock .metricsgrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:32px;align-items:stretch}
.pagewrapper .metricsblock .metricstext{grid-column:1 / 2}
.pagewrapper .metricsblock .metricstext .metricsheading{font-size:30px;line-height:1.1;color:#fff;letter-spacing:-.01em;margin:0 0 16px;text-transform:uppercase;font-weight:300}
.pagewrapper .metricsblock .metricstext .metricsbody{font-size:15px;line-height:1.55;color:#fff9;margin:0}
.pagewrapper .metricsblock .metricscards{grid-column:2 / 4;display:flex;flex-direction:row;gap:16px}
.pagewrapper .metricsblock .metriccard{flex:1;border:1px solid #ffffff1a;border-radius:4px;padding:32px 16px;position:relative;transition:border-color .14s ease-out}
.pagewrapper .metricsblock .metriccard:hover{border-color:#ffda5466;border-radius:22px}
.pagewrapper .metricsblock .metriccard .metricnum{font-size:56px;line-height:1.1;letter-spacing:-.03em;color:#FFDA54;display:block;margin-bottom:8px}
.pagewrapper .metricsblock .metriccard .metriclabel{font-size:14px;color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;line-height:1.55}
.pagewrapper .metricsblock .metriccard .metricbar{width:32px;height:2px;background:#EB4E79;margin-top:16px;border-radius:2px}
.pagewrapper .workshopblock{background:#F4F4F4;padding:96px 32px}
.pagewrapper .workshopblock .workshopouter{max-width:1320px;margin:0 auto}
.pagewrapper .workshopblock .workshopheader{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:64px;gap:32px}
.pagewrapper .workshopblock .workshoptitle{font-size:30px;line-height:1.1;color:#111;letter-spacing:.04em;text-transform:uppercase;font-weight:300;margin:0;max-width:480px}
.pagewrapper .workshopblock .workshopsubtitle{font-size:15px;line-height:1.55;color:#666;max-width:280px;margin:0;text-align:right}
.pagewrapper .workshopblock .workshoplayout{display:flex;flex-direction:row;gap:32px;align-items:flex-start}
.pagewrapper .workshopblock .workshopimage{flex:0 0 55%;position:relative}
.pagewrapper .workshopblock .workshopimage img{width:100%;height:440px;object-fit:cover;border-radius:4px;box-shadow:1px 10px 40px 0 #ffda5424;display:block}
.pagewrapper .workshopblock .workshopimageshadow{position:absolute;inset:8px -8px -8px 8px;border:2px solid #FFDA54;border-radius:4px;z-index:0;pointer-events:none}
.pagewrapper .workshopblock .workshopimage img{position:relative;z-index:1}
.pagewrapper .workshopblock .workshopdetails{flex:1;padding-top:16px}
.pagewrapper .workshopblock .workshopsteplist{list-style:none;padding:0;margin:0 0 32px}
.pagewrapper .workshopblock .workshopsteplist li{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #00000014}
.pagewrapper .workshopblock .workshopsteplist li:last-child{border-bottom:none}
.pagewrapper .workshopblock .stepicon{width:32px;height:32px;flex-shrink:0;border-radius:2px;background:#FFDA54;display:flex;align-items:center;justify-content:center}
.pagewrapper .workshopblock .stepicon svg{width:16px;height:16px}
.pagewrapper .workshopblock .steplabel{font-size:15px;line-height:1.55;color:#333}
.pagewrapper .workshopblock .steplabel strong{display:block;font-size:15px;font-weight:700;color:#111;margin-bottom:4px}
.pagewrapper .workshopblock .workshoplink{display:inline-block;padding:12px 32px;border:2px solid #111;color:#111;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:4px;transition:background .12s ease-out,color .12s ease-out,border-radius .18s ease-out}
.pagewrapper .workshopblock .workshoplink:hover{background:#111;color:#FFDA54;border-radius:22px}
.pagewrapper .expertblock{background:#fff;padding:96px 32px}
.pagewrapper .expertblock .expertouter{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 2fr;gap:64px;align-items:center}
.pagewrapper .expertblock .expertlabel{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#EB4E79;font-weight:600;height:160px;display:flex;align-items:center}
.pagewrapper .expertblock .expertportraitwrap{position:relative}
.pagewrapper .expertblock .expertportraitwrap img{width:100%;height:380px;object-fit:cover;object-position:top center;border-radius:4px;box-shadow:1px 10px 40px 0 #eb4e7924;display:block}
.pagewrapper .expertblock .expertportraitbg{position:absolute;inset:-8px 8px 8px -8px;background:#F4F4F4;border-radius:4px;z-index:0}
.pagewrapper .expertblock .expertportraitwrap img{position:relative;z-index:1}
.pagewrapper .expertblock .expertcontent{padding:0}
.pagewrapper .expertblock .expertname{font-size:22px;line-height:1.1;color:#111;letter-spacing:.04em;text-transform:uppercase;font-weight:300;margin:0 0 8px}
.pagewrapper .expertblock .expertrole{font-size:14px;color:#EB4E79;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:16px;display:block}
.pagewrapper .expertblock .expertbio{font-size:15px;line-height:1.55;color:#555;margin:0 0 32px}
.pagewrapper .expertblock .expertquote{border-left:none;padding:16px;background:#F4F4F4;border-radius:4px;margin:0;position:relative}
.pagewrapper .expertblock .expertquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px;background:linear-gradient(45deg,#FFDA54,#EB4E79)}
.pagewrapper .expertblock .expertquote p{font-size:15px;line-height:1.55;color:#333;margin:0;font-style:italic}
.pagewrapper .galleryblock{background:#111;padding:64px 32px}
.pagewrapper .galleryblock .galleryouter{max-width:1320px;margin:0 auto}
.pagewrapper .galleryblock .galleryheader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px}
.pagewrapper .galleryblock .gallerytitle{font-size:22px;line-height:1.1;color:#fff;letter-spacing:.06em;text-transform:uppercase;font-weight:300;margin:0}
.pagewrapper .galleryblock .gallerylink{font-size:14px;color:#FFDA54;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-weight:600;border-bottom:1px solid #ffda5466;padding-bottom:2px;transition:border-color .1s ease-out}
.pagewrapper .galleryblock .gallerylink:hover{border-color:#FFDA54}
.pagewrapper .galleryblock .gallerygrid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;gap:8px}
.pagewrapper .galleryblock .galleryitem{overflow:hidden;border-radius:4px;transition:border-radius .14s ease-out}
.pagewrapper .galleryblock .galleryitem:hover{border-radius:22px}
.pagewrapper .galleryblock .galleryitem img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .5s ease-out;box-shadow:1px 6px 28px 0 #ffda5417}
.pagewrapper .galleryblock .galleryitem:hover img{transform:scale(1.04)}
.pagewrapper .galleryblock .galleryitem--main{grid-row:1 / 3}
.pagewrapper .galleryblock .galleryitem--main img{height:100%;min-height:400px}
.pagewrapper .contactblock{background:#F4F4F4;padding:96px 32px}
.pagewrapper .contactblock .contactouter{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;align-items:start}
.pagewrapper .contactblock .contactinfo{grid-column:1 / 2}
.pagewrapper .contactblock .contactheading{font-size:30px;line-height:1.1;color:#111;letter-spacing:.03em;text-transform:uppercase;font-weight:300;margin:0 0 16px}
.pagewrapper .contactblock .contactdesc{font-size:15px;line-height:1.55;color:#666;margin:0 0 32px}
.pagewrapper .contactblock .contactdetaillist{list-style:none;padding:0;margin:0}
.pagewrapper .contactblock .contactdetaillist li{display:flex;flex-direction:row;gap:16px;align-items:flex-start;margin-bottom:16px}
.pagewrapper .contactblock .contactdetaillist li:last-child{margin-bottom:0}
.pagewrapper .contactblock .contacticon{width:32px;height:32px;flex-shrink:0;border-radius:2px;background:#fff;border:1px solid #00000014;display:flex;align-items:center;justify-content:center}
.pagewrapper .contactblock .contacticon svg{width:14px;height:14px}
.pagewrapper .contactblock .contactdetailtext{font-size:15px;line-height:1.55;color:#444}
.pagewrapper .contactblock .contactdetailtext a{color:#111;text-decoration:none;border-bottom:1px solid #00000026;transition:border-color .1s ease-out}
.pagewrapper .contactblock .contactdetailtext a:hover{border-color:#EB4E79;color:#EB4E79}
.pagewrapper .contactblock .contactformwrap{grid-column:2 / 4}
.pagewrapper .contactblock .contactform{background:#fff;padding:32px;border-radius:4px;box-shadow:1px 6px 28px 0 #ffda5417}
.pagewrapper .contactblock .contactform .formlabel{display:block;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#333;margin-bottom:8px}
.pagewrapper .contactblock .contactform .formfield{width:100%;padding:12px 16px;border:1px solid #0000001f;border-radius:4px;font-size:15px;line-height:1.55;color:#111;background:#fff;margin-bottom:16px;outline:none;transition:border-color .12s ease-out,border-radius .18s ease-out;box-sizing:border-box}
.pagewrapper .contactblock .contactform .formfield:focus{border-color:#FFDA54;border-radius:22px;box-shadow:inset 0 1px 2px #ffda5414}
.pagewrapper .contactblock .contactform .formtextarea{resize:vertical;min-height:100px}
.pagewrapper .contactblock .contactform .formrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pagewrapper .contactblock .contactform .formsubmit{padding:14px 32px;background:#EB4E79;color:#fff;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;box-shadow:1px 6px 28px 0 #eb4e7917;transition:border-radius .14s ease-out,box-shadow .18s ease-out}
.pagewrapper .contactblock .contactform .formsubmit:hover{border-radius:22px;box-shadow:1px 10px 40px 0 #eb4e7924}
.pagewrapper .contactblock .contactform .formsubmit:active{transform:scale(0.98)}
@media (max-width: 1024px) {
.pagewrapper .titleblock .titleouter{grid-template-columns:1fr 1fr}
.pagewrapper .titleblock .titleleft{grid-column:1 / 2}
.pagewrapper .titleblock .titleright{grid-column:2 / 3}
.pagewrapper .titleblock .titleheading{font-size:30px}
.pagewrapper .metricsblock .metricsgrid{grid-template-columns:1fr}
.pagewrapper .metricsblock .metricstext{grid-column:1}
.pagewrapper .metricsblock .metricscards{grid-column:1}
.pagewrapper .workshopblock .workshoplayout{flex-direction:column}
.pagewrapper .workshopblock .workshopimage{flex:none;width:100%}
.pagewrapper .expertblock .expertouter{grid-template-columns:1fr 1fr}
.pagewrapper .expertblock .expertlabel{display:none}
.pagewrapper .contactblock .contactouter{grid-template-columns:1fr 1fr}
.pagewrapper .contactblock .contactformwrap{grid-column:2 / 3}
}
@media (max-width: 768px) {
.pagewrapper .titleblock .titleouter{grid-template-columns:1fr}
.pagewrapper .titleblock .titleright{display:none}
.pagewrapper .metricsblock .metricscards{flex-direction:column}
.pagewrapper .workshopblock .workshopheader{flex-direction:column;align-items:flex-start}
.pagewrapper .workshopblock .workshopsubtitle{text-align:left;max-width:100%}
.pagewrapper .expertblock .expertouter{grid-template-columns:1fr}
.pagewrapper .gallerygrid{grid-template-columns:1fr 1fr!important}
.pagewrapper .galleryblock .galleryitem--main{grid-row:auto}
.pagewrapper .galleryblock .galleryitem--main img{min-height:240px}
.pagewrapper .contactblock .contactouter{grid-template-columns:1fr}
.pagewrapper .contactblock .contactformwrap{grid-column:1}
.pagewrapper .contactblock .contactform .formrow{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.pagewrapper .titleblock .titleheading{font-size:22px}
.pagewrapper .contentinner{padding:0 16px}
.pagewrapper .titleblock,.pagewrapper .metricsblock,.pagewrapper .workshopblock,.pagewrapper .expertblock,.pagewrapper .galleryblock,.pagewrapper .contactblock{padding-left:16px;padding-right:16px}
}
.contactpage{background:#fff;overflow-x:hidden}
.contactpage ::selection{background:#1a1a1a;color:#fff}
.contactpage *{-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility;box-sizing:border-box}
.contactpage .pagewrapper{max-width:1320px;margin:0 auto;padding:0 32px}
.contactpage .contacthero{background:linear-gradient(45deg,#FFDA54 0%,#fff8e1 60%,#fdf0f5 100%);padding:96px 0 64px;position:relative;overflow:hidden}
.contactpage .contacthero .heroinner{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;align-items:center}
.contactpage .contacthero .heroshape{position:absolute;top:-32px;right:64px;width:220px;height:220px;border-radius:4px;background:#eb4e790d;transform:rotate(18deg);pointer-events:none}
.contactpage .contacthero .heroshapetwo{position:absolute;bottom:16px;left:8%;width:80px;height:80px;border-radius:22px;background:#ffda542e;pointer-events:none}
.contactpage .contacthero .herotext{grid-column:1 / 3}
.contactpage .contacthero .herotag{display:inline-block;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#EB4E79;border:1.5px solid #EB4E79;border-radius:2px;padding:4px 16px;margin-bottom:32px;line-height:2}
.contactpage .contacthero .herotitle{font-size:56px;line-height:1.1;color:#1a1a1a;font-weight:700;letter-spacing:-.02em;margin:0 0 32px}
.contactpage .contacthero .herotitle span{display:block;color:#EB4E79}
.contactpage .contacthero .herodesc{font-size:18px;line-height:1.55;color:#444;max-width:480px;margin:0}
.contactpage .contacthero .heroimage{grid-column:3 / 4;position:relative;align-self:stretch;display:flex;align-items:center}
.contactpage .contacthero .heroimage img{width:100%;height:260px;object-fit:cover;border-radius:4px;display:block;box-shadow:1px 10px 40px 0 #ffda5424;position:relative;z-index:1}
.contactpage .contacthero .heroimage::before{content:'';position:absolute;inset:0;border-radius:4px;background:#eb4e791a;z-index:2;pointer-events:none}
.contactpage .contacthero .heroimage::after{content:'';position:absolute;top:8px;left:8px;right:-8px;bottom:-8px;border:1.5px solid #FFDA54;border-radius:4px;z-index:0;pointer-events:none}
.contactpage .dividerline{display:flex;align-items:center;gap:0;height:1px;margin:0}
.contactpage .dividerline .divleft,.contactpage .dividerline .divright{flex:1;height:1px;background:#e8e8e8}
.contactpage .dividerline .divaccent{width:64px;height:3px;background:#FFDA54;border-radius:2px;margin-top:-1px}
.contactpage .contactmain{padding:96px 0;background:#fff}
.contactpage .contactmain .maingrid{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 2fr 1fr;gap:64px;align-items:start}
.contactpage .contactmain .infocolumn{grid-column:1 / 2}
.contactpage .contactmain .formcolumn{grid-column:2 / 4}
.contactpage .infocolumn .infotitle{font-size:22px;font-weight:600;color:#1a1a1a;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;margin:0 0 32px}
.contactpage .infocolumn .infoblock{margin-bottom:32px;padding:32px;background:#F4F4F4;border-radius:4px;border-top:3px solid #FFDA54;box-shadow:1px 2px 5px 0 #ffda540d;transition:box-shadow .12s ease-out,border-radius .18s ease-out}
.contactpage .infocolumn .infoblock:hover{box-shadow:1px 6px 28px 0 #ffda5417;border-radius:22px}
.contactpage .infocolumn .infoblock .infoblocklabel{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#EB4E79;font-weight:600;margin:0 0 8px;line-height:2}
.contactpage .infocolumn .infoblock .infoblockvalue{font-size:15px;line-height:1.55;color:#1a1a1a;margin:0}
.contactpage .infocolumn .infoblock .infoblockvalue a{color:#1a1a1a;text-decoration:none;border-bottom:1.5px solid #FFDA54;transition:border-color .1s linear,color .1s linear}
.contactpage .infocolumn .infoblock .infoblockvalue a:hover{color:#EB4E79;border-color:#EB4E79}
.contactpage .formcolumn .formwrapper{background:#fff;border:1.5px solid #e8e8e8;border-radius:4px;padding:64px;box-shadow:1px 6px 28px 0 #ffda5417}
.contactpage .formcolumn .formtitle{font-size:30px;font-weight:700;color:#1a1a1a;line-height:1.1;letter-spacing:-.01em;margin:0 0 8px}
.contactpage .formcolumn .formsubtitle{font-size:15px;color:#666;line-height:1.55;margin:0 0 32px}
.contactpage .formcolumn .formgroup{margin-bottom:32px}
.contactpage .formcolumn .formlabel{display:block;font-size:14px;font-weight:600;color:#1a1a1a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;line-height:2}
.contactpage .formcolumn .forminput{width:100%;padding:16px;font-size:15px;border:1.5px solid #e0e0e0;border-radius:2px;background:#fafafa;color:#1a1a1a;outline:none;line-height:1.55;transition:border-color .12s ease-out,box-shadow .12s ease-out;-webkit-appearance:none;appearance:none}
.contactpage .formcolumn .forminput::placeholder{font-style:italic;opacity:.55}
.contactpage .formcolumn .forminput:focus{border-color:#FFDA54;box-shadow:inset 0 1px 2px #ffda5414 0 0 0 2px #ffda542e;background:#fff}
.contactpage .formcolumn .formselect{width:100%;padding:16px;font-size:15px;border:1.5px solid #e0e0e0;border-radius:2px;background:#fafafa;color:#1a1a1a;outline:none;line-height:1.55;cursor:pointer;transition:border-color .12s ease-out;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.contactpage .formcolumn .formselect:focus{border-color:#FFDA54}
.contactpage .formcolumn .formtextarea{width:100%;padding:16px;font-size:15px;border:1.5px solid #e0e0e0;border-radius:2px;background:#fafafa;color:#1a1a1a;outline:none;line-height:1.55;resize:vertical;min-height:120px;transition:border-color .12s ease-out,box-shadow .12s ease-out}
.contactpage .formcolumn .formtextarea::placeholder{font-style:italic;opacity:.55}
.contactpage .formcolumn .formtextarea:focus{border-color:#FFDA54;box-shadow:inset 0 1px 2px #ffda5414;background:#fff}
.contactpage .formcolumn .formgrouprow{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}
.contactpage .formcolumn .privacyrow{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}
.contactpage .formcolumn .privacycheckbox{width:20px;height:20px;min-width:20px;accent-color:#EB4E79;cursor:pointer;margin-top:2px}
.contactpage .formcolumn .privacytext{font-size:14px;color:#555;line-height:1.55}
.contactpage .formcolumn .privacytext a{color:#EB4E79;text-decoration:none;border-bottom:1px solid #eb4e794d;transition:border-color .1s linear}
.contactpage .formcolumn .privacytext a:hover{border-color:#EB4E79}
.contactpage .formcolumn .submitbtn{display:inline-block;padding:16px 64px;background:#EB4E79;color:#fff;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:background .18s ease-out,border-radius .18s ease-out,box-shadow .18s ease-out;box-shadow:1px 6px 28px 0 #eb4e7917}
.contactpage .formcolumn .submitbtn:hover{background:#d63d68;border-radius:22px;box-shadow:1px 10px 40px 0 #eb4e7924}
.contactpage .formcolumn .submitbtn:active{background:#c0315a}
.contactpage .formcolumn .submitbtn .rippleholder{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.contactpage .formcolumn .submitbtn:focus{outline:2px solid #FFDA54;outline-offset:3px}
.contactpage .contactdetails{background:#F4F4F4;padding:64px 0}
.contactpage .contactdetails .detailswrapper{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;flex-direction:row;align-items:center;gap:64px}
.contactpage .contactdetails .detailsleft{flex:1}
.contactpage .contactdetails .detailstitle{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.1;letter-spacing:-.01em}
.contactpage .contactdetails .detailsbody{font-size:15px;color:#555;line-height:1.55;margin:0}
.contactpage .contactdetails .detailsright{display:flex;flex-direction:column;gap:16px;flex-shrink:0}
.contactpage .contactdetails .detailsitem{display:flex;flex-direction:row;align-items:center;gap:16px;background:#fff;padding:16px 32px;border-radius:4px;border-left:4px solid #FFDA54;box-shadow:1px 2px 5px 0 #ffda540d;transition:border-radius .15s ease-out,box-shadow .15s ease-out}
.contactpage .contactdetails .detailsitem:hover{border-radius:22px;box-shadow:1px 6px 28px 0 #ffda5417}
.contactpage .contactdetails .detailsitemicon{width:36px;height:36px;background:#FFDA54;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-radius .12s ease-out}
.contactpage .contactdetails .detailsitem:hover .detailsitemicon{border-radius:22px}
.contactpage .contactdetails .detailsitemlabel{font-size:14px;color:#888;letter-spacing:.06em;text-transform:uppercase;line-height:2;margin:0}
.contactpage .contactdetails .detailsitemvalue{font-size:15px;color:#1a1a1a;font-weight:600;line-height:1.55;margin:0}
.contactpage .contactdetails .detailsitemvalue a{color:#1a1a1a;text-decoration:none;transition:color .1s linear}
.contactpage .contactdetails .detailsitemvalue a:hover{color:#EB4E79}
.contactpage .contactdetails .detailsitemtext{display:flex;flex-direction:column;gap:4px}
.contactpage .formcolumn .pullquote{margin:0 0 32px;padding:16px 32px;border-radius:2px;background:linear-gradient(45deg,#ffda541f,#eb4e790f);border-radius:4px}
.contactpage .formcolumn .pullquotetext{font-size:18px;color:#1a1a1a;line-height:1.55;font-weight:600;letter-spacing:.01em;margin:0}
.contactpage .formcolumn .pullquotetext mark{background:#FFDA54;color:#1a1a1a;padding:0 4px;border-radius:2px}
@media (max-width: 1024px) {
.contactpage .contacthero .heroinner{grid-template-columns:1fr 1fr;gap:32px}
.contactpage .contacthero .herotext{grid-column:1 / 3}
.contactpage .contacthero .heroimage{grid-column:1 / 3}
.contactpage .contacthero .heroimage img{height:200px;width:320px}
.contactpage .contactmain .maingrid{grid-template-columns:1fr 1fr;gap:32px}
.contactpage .contactmain .infocolumn{grid-column:1 / 2}
.contactpage .contactmain .formcolumn{grid-column:2 / 3}
.contactpage .contactdetails .detailswrapper{flex-direction:column;align-items:stretch;gap:32px}
}
@media (max-width: 768px) {
.contactpage .contacthero .heroinner{grid-template-columns:1fr;gap:32px;padding:0 16px}
.contactpage .contacthero .herotext{grid-column:1 / 2}
.contactpage .contacthero .heroimage{grid-column:1 / 2}
.contactpage .contacthero .herotitle{font-size:30px}
.contactpage .contactmain .maingrid{grid-template-columns:1fr;gap:32px;padding:0 16px}
.contactpage .contactmain .infocolumn,.contactpage .contactmain .formcolumn{grid-column:1 / 2}
.contactpage .formcolumn .formwrapper{padding:32px 16px}
.contactpage .formcolumn .formgrouprow{grid-template-columns:1fr;gap:16px}
.contactpage .contactdetails .detailswrapper{padding:0 16px;gap:32px}
}
@media (max-width: 480px) {
.contactpage .contacthero{padding:64px 0 32px}
.contactpage .contacthero .herotitle{font-size:30px}
.contactpage .contactmain{padding:64px 0}
.contactpage .contactdetails{padding:32px 0}
}
.aboutpage{overflow-x:hidden;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.aboutpage ::selection{background:#111;color:#fff}
.aboutpage :focus-visible{outline:2px solid #EB4E79;outline-offset:3px}
.aboutpage .pagewrapper{max-width:1320px;margin:0 auto;padding:0 32px}
.aboutpage .titlesection{padding:96px 0 64px;position:relative}
.aboutpage .titlesection .pagewrapper{display:grid;grid-template-columns:2fr 2fr 1fr;gap:32px;align-items:center}
.aboutpage .titlesection .textzone{grid-column:1 / 2;position:relative;z-index:2}
.aboutpage .titlesection .imagezone{grid-column:2 / 3;position:relative}
.aboutpage .titlesection .labelzone{grid-column:3 / 4;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.aboutpage .bignumber{position:absolute;font-size:200px;font-weight:900;color:#FFDA54;opacity:.08;line-height:1.1;top:-40px;left:-24px;pointer-events:none;user-select:none;letter-spacing:-8px;z-index:0}
.aboutpage .titlesection .mainheading{font-size:56px;line-height:1.1;letter-spacing:-1.5px;color:#111;position:relative;z-index:2;margin-bottom:16px}
.aboutpage .titlesection .mainheading .accentword{background:linear-gradient(45deg,#FFDA54,#EB4E79);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aboutpage .titlesection .subtext{font-size:18px;line-height:1.55;color:#444;max-width:380px;position:relative;z-index:2}
.aboutpage .imagemosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}
.aboutpage .imagemosaic .mosaicitem{position:relative;overflow:hidden;border-radius:4px;box-shadow:1px 6px 28px 0 #ffda5417}
.aboutpage .imagemosaic .mosaicitem::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#00000059 0%,transparent 60%),radial-gradient(ellipse at 0% 100%,#00000040 0%,transparent 55%);pointer-events:none;border-radius:4px}
.aboutpage .imagemosaic .mosaicitem--large{grid-column:1 / 3}
.aboutpage .imagemosaic .mosaicitem img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .5s ease-out}
.aboutpage .imagemosaic .mosaicitem--large img{height:180px}
.aboutpage .imagemosaic .mosaicitem:hover img{transform:scale(1.03)}
.aboutpage .sidelabel{background:#F4F4F4;border-radius:4px;padding:16px;font-size:14px;line-height:1.55;color:#555;letter-spacing:.04em}
.aboutpage .sidelabel .labelhead{font-size:22px;font-weight:700;color:#111;line-height:1.1;letter-spacing:-.5px;display:block;margin-bottom:4px}
.aboutpage .sidelabel--accent{background:#FFDA54;color:#111!important}
.aboutpage .storysection{padding:64px 0;background:#F4F4F4;position:relative}
.aboutpage .storysection .pagewrapper{display:flex;flex-direction:row;gap:64px;align-items:flex-start}
.aboutpage .storysection .storyleft{flex:0 0 260px;display:flex;flex-direction:column;gap:16px}
.aboutpage .storysection .storyright{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.aboutpage .storysection .sectionlabel{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#EB4E79;font-weight:600}
.aboutpage .storysection .storytitle{font-size:30px;line-height:1.1;letter-spacing:-.5px;color:#111;font-weight:700;text-transform:uppercase}
.aboutpage .storysection .storyintro{font-size:15px;line-height:1.55;color:#555}
.aboutpage .storycard{background:#fff;border-radius:4px;padding:32px;position:relative;box-shadow:1px 2px 5px 0 #ffda540d;transition:box-shadow .18s ease-out,border-radius .14s ease-out}
.aboutpage .storycard:hover{box-shadow:1px 10px 40px 0 #ffda5424;border-radius:22px}
.aboutpage .storycard .cardtag{position:absolute;top:-10px;right:16px;background:#EB4E79;color:#fff;font-size:14px;padding:4px 8px;border-radius:2px;letter-spacing:.06em;font-weight:600}
.aboutpage .storycard .cardicon{width:40px;height:40px;margin-bottom:16px}
.aboutpage .storycard .cardtitle{font-size:18px;font-weight:700;color:#111;line-height:1.1;margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}
.aboutpage .storycard .cardbody{font-size:15px;line-height:1.55;color:#555}
.aboutpage .teamsection{padding:96px 0 64px;position:relative}
.aboutpage .teamsection .pagewrapper{display:grid;grid-template-columns:2fr 2fr 1fr;gap:32px;align-items:start}
.aboutpage .teamsection .teamtext{grid-column:1 / 2}
.aboutpage .teamsection .teamportrait{grid-column:2 / 3;position:relative}
.aboutpage .teamsection .teamsidebar{grid-column:3 / 4;display:flex;flex-direction:column;gap:16px}
.aboutpage .teamsection .sectionlabel{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#EB4E79;font-weight:600;margin-bottom:16px}
.aboutpage .teamsection .teamheading{font-size:30px;line-height:1.1;letter-spacing:-.5px;color:#111;font-weight:700;text-transform:uppercase;margin-bottom:16px}
.aboutpage .teamsection .teambody{font-size:15px;line-height:1.55;color:#555;margin-bottom:16px}
.aboutpage .portraitwrap{border-radius:4px;overflow:hidden;position:relative;box-shadow:1px 10px 40px 0 #eb4e7924}
.aboutpage .portraitwrap::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#0000004d 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,#0003 0%,transparent 50%);pointer-events:none}
.aboutpage .portraitwrap img{width:100%;height:360px;object-fit:cover;object-position:center top;display:block}
.aboutpage .personnamebadge{position:absolute;bottom:16px;left:16px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:8px 16px;z-index:2}
.aboutpage .personnamebadge .pname{font-size:15px;font-weight:700;color:#111;line-height:1.55}
.aboutpage .personnamebadge .prole{font-size:14px;color:#EB4E79;letter-spacing:.06em}
.aboutpage .metricitem{background:#111;color:#fff;border-radius:4px;padding:16px;transition:border-radius .12s ease-out}
.aboutpage .metricitem:hover{border-radius:22px}
.aboutpage .metricitem .metricval{font-size:30px;font-weight:900;color:#FFDA54;line-height:1.1;letter-spacing:-1px}
.aboutpage .metricitem .metriclabel{font-size:14px;color:#ccc;letter-spacing:.06em;line-height:1.55}
.aboutpage .approachsection{padding:64px 0 96px;background:#F4F4F4;position:relative}
.aboutpage .approachsection::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000003 2px,#00000003 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#00000002 2px,#00000002 4px);pointer-events:none}
.aboutpage .approachsection .pagewrapper{position:relative}
.aboutpage .approachsection .approachtop{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:64px;gap:32px}
.aboutpage .approachsection .approachtitle{font-size:30px;font-weight:700;color:#111;line-height:1.1;letter-spacing:-.5px;text-transform:uppercase;max-width:420px}
.aboutpage .approachsection .approachsubtitle{font-size:15px;line-height:1.55;color:#555;max-width:340px}
.aboutpage .approachgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.aboutpage .approachitem{display:flex;flex-direction:column;gap:8px;padding:32px;background:#fff;border-radius:22px;box-shadow:1px 2px 5px 0 #ffda540d;transition:box-shadow .22s ease-out,border-radius .14s ease-out;position:relative;overflow:hidden}
.aboutpage .approachitem::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(45deg,#FFDA54,#EB4E79);border-radius:22px 22px 0 0}
.aboutpage .approachitem:hover{box-shadow:1px 6px 28px 0 #ffda5417;border-radius:4px}
.aboutpage .approachitem .approachicon{margin-bottom:8px}
.aboutpage .approachitem .approachitemtitle{font-size:18px;font-weight:700;color:#111;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}
.aboutpage .approachitem .approachitembody{font-size:15px;line-height:1.55;color:#555}
.aboutpage .approachimagerow{margin-top:64px;position:relative;border-radius:4px;overflow:hidden;box-shadow:1px 10px 40px 0 #eb4e7917}
.aboutpage .approachimagerow img{width:100%;height:300px;object-fit:cover;display:block}
.aboutpage .approachimagerow .imagecaption{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,#000000b3,transparent);color:#fff;font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.3px}
@keyframes bounceload {
0%{opacity:0;transform:translateY(18px) scale(0.98)}
60%{opacity:1;transform:translateY(-4px) scale(1.01)}
80%{transform:translateY(2px) scale(0.995)}
100%{opacity:1;transform:translateY(0) scale(1)}
}
.aboutpage .storycard{animation:bounceload .5s ease-out both}
.aboutpage .storycard:nth-child(1){animation-delay:.05s}
.aboutpage .storycard:nth-child(2){animation-delay:.13s}
.aboutpage .storycard:nth-child(3){animation-delay:.21s}
.aboutpage .storycard:nth-child(4){animation-delay:.29s}
@media (max-width: 1024px) {
.aboutpage .titlesection .pagewrapper,.aboutpage .teamsection .pagewrapper{grid-template-columns:1fr 1fr;gap:32px}
.aboutpage .titlesection .labelzone,.aboutpage .teamsection .teamsidebar{grid-column:1 / 3;flex-direction:row;flex-wrap:wrap}
.aboutpage .titlesection .imagezone{grid-column:2 / 3}
.aboutpage .teamsection .teamtext{grid-column:1 / 2}
.aboutpage .teamsection .teamportrait{grid-column:2 / 3}
.aboutpage .approachgrid{grid-template-columns:1fr 1fr}
.aboutpage .titlesection .mainheading{font-size:30px}
}
@media (max-width: 768px) {
.aboutpage .titlesection .pagewrapper,.aboutpage .teamsection .pagewrapper{grid-template-columns:1fr}
.aboutpage .titlesection .imagezone,.aboutpage .titlesection .labelzone,.aboutpage .teamsection .teamportrait,.aboutpage .teamsection .teamsidebar{grid-column:1 / 2}
.aboutpage .storysection .pagewrapper{flex-direction:column;gap:32px}
.aboutpage .storysection .storyleft{flex:none}
.aboutpage .storysection .storyright{grid-template-columns:1fr}
.aboutpage .approachgrid{grid-template-columns:1fr}
.aboutpage .approachsection .approachtop{flex-direction:column;align-items:flex-start}
.aboutpage .titlesection{padding:64px 0 32px}
.aboutpage .pagewrapper{padding:0 16px}
.aboutpage .titlesection .mainheading{font-size:30px}
}
@media (max-width: 480px) {
.aboutpage .titlesection .mainheading{font-size:22px}
.aboutpage .storysection .storytitle,.aboutpage .teamsection .teamheading,.aboutpage .approachsection .approachtitle{font-size:22px}
.aboutpage .titlesection{padding:32px 0}
}
.successpage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background-color:#F4F4F4;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.successpage ::selection{background:#111;color:#fff}
.successpage .successouter{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center}
.successpage .successinner{width:100%;background:#fff;border-radius:4px;padding:64px 32px;box-shadow:1px 6px 28px 0 #ffda5417;display:flex;flex-direction:column;align-items:center;text-align:center}
.successpage .successinner .iconframe{width:64px;height:64px;border-radius:22px;background:#FFDA54;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:1px 2px 5px 0 #ffda540d;flex-shrink:0}
.successpage .successinner .iconframe svg{display:block}
.successpage .successinner .successtitle{font-size:30px;line-height:1.1;letter-spacing:-.02em;color:#111;margin:0 0 16px;font-weight:700;text-transform:uppercase}
.successpage .successinner .successbody{font-size:15px;line-height:1.55;color:#444;margin:0 0 32px;max-width:400px}
.successpage .successinner .successbody .accentword{letter-spacing:.08em;color:#EB4E79;font-weight:600}
.successpage .successinner .dividerline{width:48px;height:2px;background:#FFDA54;border-radius:2px;margin-bottom:32px}
.successpage .successinner .successmeta{font-size:14px;line-height:1.55;color:#777;margin:0 0 32px}
.successpage .successinner .returnbutton{display:inline-block;background:#EB4E79;color:#fff;font-size:15px;line-height:1.55;padding:16px 32px;border-radius:4px;text-decoration:none;letter-spacing:.04em;font-weight:600;border:none;cursor:pointer;box-shadow:1px 6px 28px 0 #eb4e7917;transition:border-radius .12s ease-out,box-shadow .2s ease-out,background .1s linear}
.successpage .successinner .returnbutton:hover{border-radius:22px;background:#d03d68;box-shadow:1px 10px 40px 0 #eb4e7924}
.successpage .successinner .returnbutton:focus{outline:2px solid #FFDA54;outline-offset:3px}
.successpage .successinner .returnbutton:active{background:#b8315a}
.successpage .successfootnote{margin-top:32px;font-size:14px;line-height:1.55;color:#999;text-align:center}
.successpage .successfootnote a{color:#EB4E79;text-decoration:none;border-bottom:1px solid #eb4e794d;transition:border-color .1s linear}
.successpage .successfootnote a:hover{border-color:#EB4E79}
@media (max-width: 480px) {
.successpage{padding:32px 16px}
.successpage .successinner{padding:32px 16px}
.successpage .successinner .successtitle{font-size:22px}
}