:root{--black:#ffffff;--panel:#f8f7f3;--line:#dedbd2;--ivory:#171715;--gray:#5f5e58;--muted:#85827a;--lime:#ead79b;--ink:#171715;--max:1200px}
    *{box-sizing:border-box}html{max-width:100%;scroll-behavior:smooth;overflow-x:hidden}body{max-width:100%;margin:0;background:var(--black);color:var(--ivory);font-family:Inter,"Noto Sans KR",sans-serif;overflow-x:hidden}img{max-width:100%}body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(calc(100% - 80px),var(--max));margin:auto}.section{padding:150px 0;border-top:1px solid var(--line)}
    .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:40px;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.16em}.eyebrow:before{content:"";width:32px;height:1px;background:var(--lime)}
    h1,h2,h3,p{margin-top:0}.display{font-size:clamp(50px,7.3vw,108px);line-height:.96;letter-spacing:-.07em;margin:0;font-weight:750}.section-title{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.055em;margin:0 0 30px;font-weight:750}.lead{max-width:680px;color:var(--gray);font-size:17px;line-height:1.75}.lime{color:var(--lime)}
    .nav{position:fixed;z-index:100;top:0;left:0;width:100%;height:76px;border-bottom:1px solid rgba(23,23,21,.1);background:rgba(255,255,255,.82);backdrop-filter:blur(18px)}.nav-in{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center}.logo img{display:block;width:auto;height:30px}.nav-links{display:flex;gap:32px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:#4f4e49}.nav-links a:not(.nav-cta):hover{color:#a78125}.nav-cta{background:var(--lime);color:var(--ink);padding:13px 19px;border-radius:99px}.menu{display:none;border:0;background:none;color:var(--ink);font-size:25px}
    .hero{min-height:100vh;padding:150px 0 58px;display:flex;align-items:flex-end;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-250px;top:-250px;background:radial-gradient(circle,rgba(234,215,155,.3),transparent 65%);filter:blur(20px);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:45px;align-items:end}.hero-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:#9b7622;margin-bottom:26px}.hero-copy{margin:36px 0 0;max-width:650px;color:var(--gray);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 21px;font-size:12px;font-weight:900;border:1px solid rgba(23,23,21,.25);min-width:180px;transition:.25s}.btn.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn:hover{transform:translateY(-3px);border-color:#b99337}.hero-art{height:520px;position:relative}.poster{position:absolute;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.poster img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05);transition:.5s}.poster:hover img{transform:scale(1.04);filter:saturate(1)}.poster.a{right:0;top:0;width:78%;height:74%}.poster.b{left:0;bottom:0;width:58%;height:51%;border:9px solid var(--black)}.poster-tag{position:absolute;bottom:12px;left:12px;background:var(--lime);color:var(--ink);font-weight:900;font-size:9px;letter-spacing:.1em;padding:8px 10px}.hero-meta{display:flex;gap:22px;margin-top:42px;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.13em}
    .marquee{overflow:hidden;background:var(--lime);color:var(--ink);padding:17px 0;white-space:nowrap}.marquee-track{display:inline-flex;animation:marquee 28s linear infinite;font-size:15px;font-weight:950;letter-spacing:.08em}.marquee-track span{padding-right:42px}@keyframes marquee{to{transform:translateX(-50%)}}
    .intro-row{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;align-items:end;margin-bottom:80px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lime);border-left:1px solid var(--lime)}.service{padding:38px 30px 42px;min-height:280px;background:#e3e4e6;border-right:1px solid var(--lime);border-bottom:1px solid var(--lime);transition:.3s;display:flex;flex-direction:column}.service:hover{background:var(--lime);color:var(--black)}.service-num{color:var(--lime);font-size:11px;font-weight:900}.service:hover .service-num,.service:hover p{color:var(--black)}.service h3{font-size:25px;letter-spacing:-.05em;margin:auto 0 18px}.service p{color:var(--gray);font-size:13px;line-height:1.7;margin:0;transition:.3s}
    .work-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.slider-controls{display:flex}.arrow{width:54px;height:54px;border:1px solid var(--line);background:none;color:white;cursor:pointer;font-size:20px}.arrow:hover{background:var(--lime);color:#08090b}.work-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:5vw}.work-track::-webkit-scrollbar{display:none}.work-card{flex:0 0 min(31vw,430px);scroll-snap-align:start}.work-img{aspect-ratio:4/5;position:relative;overflow:hidden;background:#15171c}.work-img img{width:100%;height:100%;object-fit:cover;transition:.55s}.work-card:hover img{transform:scale(1.035)}.work-index{position:absolute;top:15px;left:15px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.35);padding:8px 10px;font-size:9px;font-weight:900}.work-card h3{font-size:19px;margin:18px 0 6px;letter-spacing:-.03em}.work-card p{font-size:11px;color:var(--muted);letter-spacing:.08em}.work-type{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:18px}
    .why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.why-list{border-top:1px solid var(--line)}.why{display:grid;grid-template-columns:54px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}.why strong{font-size:21px;letter-spacing:-.04em}.why p{color:var(--gray);font-size:13px;line-height:1.65;margin:12px 0 0}.why-n{font-size:10px;color:var(--lime);font-weight:900}
    .process{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--lime);border:1px solid var(--lime)}.step{background:#e3e4e6;min-height:235px;padding:30px;transition:background .3s,color .3s}.step-num{color:var(--lime);font-size:11px;font-weight:900}.step h3{margin:75px 0 12px;font-size:21px}.step p{color:var(--gray);font-size:13px;line-height:1.65;margin:0;transition:color .3s}.step:hover{background:var(--lime);color:var(--ink)}.step:hover .step-num,.step:hover p{color:var(--ink)}
    .faq{max-width:1050px;margin-left:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:28px 0;border:0;background:none;color:white;text-align:left;display:flex;justify-content:space-between;gap:30px;font-size:18px;font-weight:700;cursor:pointer}.faq-q span:last-child{color:var(--lime);font-size:24px}.faq-a{max-height:0;overflow:hidden;color:var(--gray);font-size:14px;line-height:1.8;transition:max-height .35s}.faq-item.open .faq-a{max-height:180px}.faq-a p{padding:0 50px 28px 0;margin:0}
    .contact{background:var(--lime);color:var(--black);padding:130px 0}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:9vw}.contact .eyebrow{color:var(--black)}.contact .eyebrow:before{background:var(--black)}.contact .display{font-size:clamp(58px,7vw,100px)}.contact-copy{margin-top:30px;max-width:560px;line-height:1.7;font-size:16px}.contact-links{display:flex;gap:20px;margin-top:44px;font-size:11px;font-weight:900}.contact-links a{border-bottom:1px solid;padding-bottom:6px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:900;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(8,9,11,.45);background:rgba(255,255,255,.13);padding:14px;color:#08090b;outline:0;border-radius:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#08090b;background:rgba(255,255,255,.32)}.field textarea{height:105px;resize:vertical}.submit{grid-column:1/-1;border:0;background:#08090b;color:white;padding:18px 20px;font-weight:900;cursor:pointer;display:flex;justify-content:space-between}.form-note{grid-column:1/-1;font-size:10px;opacity:.65;line-height:1.5}.success{display:none;grid-column:1/-1;padding:13px;border:1px solid #08090b;font-size:13px;font-weight:700}.success.show{display:block}
    footer{padding:26px 0;background:#08090b;border-top:1px solid var(--line)}.foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#777b86;letter-spacing:.09em}.foot .logo{font-size:16px;color:white}
    .reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}

    /* White and soft-gold color theme */
    .eyebrow,.work-type,.service-num,.why-n,.step-num{color:#9b7622}
    .eyebrow:before{background:#9b7622}
    .service:hover,.service:hover .service-num,.service:hover p{color:var(--ink)}
    .arrow{background:#e3e4e6;border-color:#c8c9cc;color:var(--ink)}
    .faq-q{color:var(--ink)}
    .arrow:hover{color:var(--ink)}
    .work-img{background:var(--panel)}
    .work-index{color:white;background:rgba(23,23,21,.55)}
    .faq-q span:last-child{color:#9b7622}
    .contact{color:var(--ink)}
    .contact .eyebrow{color:var(--ink)}
    .contact .eyebrow:before{background:var(--ink)}
    footer{background:#f8f7f3}
    .foot{color:var(--muted)}
    .foot .logo{color:var(--ink)}
    .foot .logo img{height:25px}
    .work-head{margin-bottom:70px}
    .work-collection{margin-top:85px}
    .work-collection:first-of-type{margin-top:0}
    .collection-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}
    .collection-head .work-type{margin-bottom:0}
    .work-img video{display:block;width:100%;height:100%;object-fit:cover;transition:.55s}
    .work-card:hover video{transform:scale(1.035)}
    .success.error{border-color:#a52a2a;color:#7d1e1e}
    .submit:disabled{cursor:not-allowed;opacity:.65}
    .nav-cta{background:#a9dcf5;color:#123247;font-size:12px;transition:background .25s,transform .25s}.nav-cta:hover{background:#89cbed;transform:translateY(-2px)}
    .to-top{position:fixed;z-index:90;right:max(30px,calc((100vw - var(--max))/2 - 90px));bottom:30px;width:70px;height:70px;border:1px solid rgba(23,23,21,.08);border-radius:50%;background:rgba(255,255,255,.96);color:#555;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 16px rgba(23,23,21,.16);font-size:38px;font-weight:300;line-height:1;transition:transform .25s,box-shadow .25s,background .25s}.to-top span{transform:translateY(-2px)}.to-top:hover{transform:translateY(-4px);background:var(--lime);box-shadow:0 9px 22px rgba(23,23,21,.2)}.to-top:focus-visible{outline:3px solid #9b7622;outline-offset:4px}
    .hero-grid>*,.intro-row>*,.why-grid>*,.contact-grid>*{min-width:0}
    .work-track{width:min(calc(100% - 80px),var(--max));max-width:100%;margin-inline:auto;padding-right:0;contain:inline-size}

    .hero{min-height:100svh;padding:150px 0 80px;align-items:center;overflow:hidden;background:var(--lime);color:var(--ink)}
    .hero:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,var(--lime) 0%,rgba(234,215,155,.95) 32%,rgba(234,215,155,.22) 70%,rgba(234,215,155,.08) 100%);filter:none;z-index:-1}
    .hero:after{content:"";position:absolute;z-index:-2;inset:76px 0 0;background:url("images/hero-ai-creation.webp") center/cover no-repeat}
    .hero-content{position:relative;z-index:1}
    .hero-content .display{max-width:850px;text-wrap:balance}
    @media(max-width:900px){.wrap,.work-track{width:calc(100% - 40px)}.section{padding:105px 0}.nav-links{display:flex}.nav-cta{font-size:11px}.hero{min-height:760px;padding:125px 0 70px}.hero:before{background:linear-gradient(90deg,var(--lime) 0%,rgba(234,215,155,.93) 54%,rgba(234,215,155,.32) 100%)}.hero:after{background-position:58% center}.hero-grid,.intro-row,.why-grid,.contact-grid{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.work-card{flex-basis:60vw}.process{grid-template-columns:1fr 1fr}.contact-grid{gap:65px}.intro-row{gap:25px;margin-bottom:55px}}
    @media(max-width:560px){.wrap,.work-track{width:calc(100% - 30px)}.section{padding:85px 0}.display{font-size:clamp(42px,13.33vw,48px)}.section-title{font-size:clamp(34px,10.83vw,39px)}.hero{min-height:680px;padding:115px 0 60px;align-items:flex-start}.hero:before{background:linear-gradient(180deg,rgba(234,215,155,.98) 0%,rgba(234,215,155,.88) 48%,rgba(234,215,155,.25) 100%)}.hero:after{inset:76px 0 0;background-position:67% center}.hero-content .display{max-width:330px}.contact-copy br{display:none}.services,.process{grid-template-columns:1fr}.service{min-height:230px}.work-head{align-items:flex-start;flex-direction:column}.work-card{flex-basis:calc(100vw - 30px)}.why{grid-template-columns:42px 1fr}.form{grid-template-columns:1fr}.field{grid-column:1/-1}.field input,.field select,.field textarea{min-width:0}.contact{padding:90px 0}.contact .display{font-size:clamp(42px,13.33vw,48px)}.contact-links{flex-wrap:wrap}.foot{align-items:flex-start;gap:20px;flex-direction:column}}
    @media(max-width:560px){.section-title{font-size:clamp(31px,9.45vw,34px);line-height:1.12}}
    @media(max-width:560px){.to-top{right:15px;bottom:18px;width:56px;height:56px;font-size:31px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}