:root{--black:#05070b;--panel:#0b0f16;--white:#f5f7fb;--muted:#929aa9;--line:rgba(255,255,255,.14);--blue:#176bff;--blue2:#42a0ff;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Noto Sans KR",sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:92px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#05070be6,transparent);transition:.3s}.site-header.scrolled{height:74px;background:#05070bed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:32px;height:40px;fill:var(--blue)}.brand span{font-family:"Space Grotesk",sans-serif;display:flex;flex-direction:column;line-height:1}.brand b{font-size:15px;letter-spacing:.2em}.brand small{font-size:8px;letter-spacing:.55em;margin-top:7px;color:#aeb6c6}.site-header nav{display:flex;align-items:center;gap:36px;font:500 12px "Space Grotesk";letter-spacing:.14em}.site-header nav a{color:#b8c0cf;transition:.2s}.site-header nav a:hover{color:#fff}.nav-cta{border:1px solid #467ff0;padding:10px 16px;color:#fff!important}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:150px max(7vw,24px) 100px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070b 0%,#05070be0 48%,#05070b30),radial-gradient(circle at 75% 55%,#113e7d40,transparent 34%);z-index:-2}.hero-glow{position:absolute;width:480px;height:480px;border:1px solid #2879ff30;border-radius:50%;right:10%;top:22%;box-shadow:0 0 150px #176bff20,inset 0 0 80px #176bff12}.hero-rabbit{position:absolute;right:13%;top:18%;width:min(28vw,390px);opacity:.82;filter:drop-shadow(0 0 55px #176bff45)}.hero-rabbit svg{fill:url(#none);fill:var(--blue)}.hero-rabbit:after{content:"";position:absolute;inset:40% -15% -10%;background:linear-gradient(145deg,transparent,#05070b 60%)}.hero-copy{max-width:920px;z-index:2}.eyebrow{font:500 11px "Space Grotesk";letter-spacing:.32em;color:var(--blue2);margin:0 0 28px}.hero h1,.section h2{font-weight:500;letter-spacing:-.045em;line-height:1.18;margin:0}.hero h1{font-size:clamp(44px,6vw,88px)}.hero h1 em{font-style:normal;color:#80b7ff}.hero-description{font-size:clamp(15px,1.4vw,19px);font-weight:300;color:#a9b1c0;margin:34px 0 42px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--line);cursor:pointer;transition:.25s;font-size:14px}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#2f7dff;transform:translateY(-2px)}.button.ghost:hover{border-color:#fff}.scroll-note{position:absolute;bottom:42px;right:5vw;font:500 9px "Space Grotesk";letter-spacing:.25em;color:#626b79;display:flex;align-items:center;gap:12px}.scroll-note span{width:46px;height:1px;background:#465064}.section{padding:130px max(7vw,24px);position:relative}.section-index{font:500 10px "Space Grotesk";letter-spacing:.25em;color:#667080;padding-bottom:28px;border-bottom:1px solid #1b202b;margin-bottom:72px}.statement{background:#f0f2f5;color:#10131a}.statement .section-index{border-color:#cdd1d8}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.statement h2{font-size:clamp(38px,5vw,74px)}.statement-grid>div{max-width:620px}.statement .lead{font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.55;margin-top:0}.statement-grid p:last-child{color:#555d69;font-weight:300}.production{background:#080b11}.section-heading{max-width:850px;margin-bottom:70px}.section-heading h2{font-size:clamp(38px,5vw,70px)}.section-heading>p:last-child{color:var(--muted);margin-top:20px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px minmax(210px,1fr) minmax(300px,1.5fr) 100px;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.service>span,.service>b{font:500 10px "Space Grotesk";letter-spacing:.2em;color:#657083}.service h3{margin:0;font-size:23px}.service p{color:#8f98a8;font-weight:300}.service b{text-align:right;color:#347dfc}.project{background:#06080c;padding-bottom:0}.project .section-index{margin-bottom:42px}.project-image{position:relative;min-height:72vh;overflow:hidden;border:1px solid #222834}.project-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.75) brightness(.55);transform:scale(1.02);transition:1s}.project-image:hover img{transform:scale(1.05);filter:saturate(.9) brightness(.62)}.project-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020407ef 0%,#02040790 48%,transparent 100%)}.project-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%)}.status{font:500 10px "Space Grotesk";letter-spacing:.2em;color:#a8b1bf;margin-bottom:34px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f04545;margin-right:9px;box-shadow:0 0 15px #f04545}.project-copy>p:not(.project-ko){font:500 10px "Space Grotesk";letter-spacing:.3em;color:#758093}.project-copy h2{font:700 clamp(60px,10vw,150px) "Space Grotesk";letter-spacing:.08em;line-height:.95;margin:16px 0}.project-ko{font-size:18px;color:#a9b2bf;margin:18px 0 28px}.tags{display:flex;gap:8px}.tags span{border:1px solid #ffffff34;padding:6px 11px;font:500 9px "Space Grotesk";letter-spacing:.14em}.project-note{display:flex;justify-content:space-between;gap:40px;padding:34px 0;color:#7e8795;font-size:13px}.project-note p{margin:0}.process{background:#0c1017}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-list li{min-height:280px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.process-list span{font:500 11px "Space Grotesk";color:var(--blue);letter-spacing:.2em}.process-list h3{font-size:22px;margin:0 0 12px}.process-list p{color:#818a99;font-size:14px;font-weight:300}.contact{min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#0f2d5c55,transparent 45%)}.contact-orbit{position:absolute;width:min(65vw,760px);aspect-ratio:1;border:1px solid #2e63aa35;border-radius:50%;box-shadow:0 0 130px #176bff14}.contact-orbit:after{content:"";position:absolute;inset:16%;border:1px solid #4276bb22;border-radius:50%}.contact-inner{position:relative;z-index:1}.contact h2{font-size:clamp(42px,6vw,84px)}.contact-inner>p:not(.eyebrow):not(.copy-status){color:#8e97a6;margin:30px auto;max-width:540px}.copy-status{height:24px;color:#70a9ff;font-size:13px}.contact button{margin-top:8px}footer{padding:50px max(7vw,24px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;color:#606a79;font:500 9px "Space Grotesk";letter-spacing:.18em}.footer-brand{justify-self:start;color:#fff}footer>p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:76px}.site-header nav{position:absolute;top:76px;left:0;right:0;padding:24px;display:none;flex-direction:column;align-items:stretch;background:#070a10;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:#fff}.hero-rabbit{right:-8%;top:18%;width:55vw;opacity:.28}.statement-grid{grid-template-columns:1fr}.service{grid-template-columns:45px 1fr}.service p{grid-column:2}.service b{display:none}.process-list{grid-template-columns:1fr 1fr}.project-image{min-height:620px}.project-copy{left:7%}.project-copy h2{font-size:clamp(48px,13vw,90px)}.project-note{flex-direction:column;gap:4px}.desktop-only{display:none}footer{grid-template-columns:1fr;text-align:left}footer>p:last-child{text-align:left}}
@media(max-width:560px){.brand b{font-size:12px}.brand small{font-size:7px}.section{padding:90px 22px}.hero{padding-left:22px;padding-right:22px}.hero-actions{flex-direction:column;align-items:stretch}.hero h1{font-size:42px}.statement .lead{font-size:20px}.process-list{grid-template-columns:1fr}.process-list li{min-height:210px}.project{padding-left:0;padding-right:0}.project>.section-index,.project-note{margin-left:22px;margin-right:22px}.project-image{border-left:0;border-right:0;min-height:560px}.project-image img{object-position:65% center}.project-copy{left:22px}.project-copy h2{font-size:48px;letter-spacing:.04em}.scroll-note{display:none}.contact h2{font-size:42px}.contact-orbit{width:120vw}footer{padding:40px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-image img{transition:none}}

/* Official Blue Rabbit Pictures logo assets */
.brand{display:block;width:205px;height:70px;overflow:hidden;position:relative;flex:0 0 auto}
.brand-art{display:block;position:absolute;inset:0;overflow:hidden}
.brand-art img{display:block;position:absolute;width:200px;height:auto;left:0;top:-12px;max-width:none;mix-blend-mode:screen}
.hero-rabbit{right:2%;top:18%;width:min(33vw,470px);opacity:.88;filter:none;mix-blend-mode:screen}
.hero-rabbit img{display:block;width:100%;height:auto}
.hero-rabbit:after{display:none}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(44px,5.3vw,78px)}
.footer-brand{width:230px;height:80px}
.footer-brand .brand-art img{width:225px;top:-13px}
@media(max-width:900px){.brand{width:178px;height:62px}.brand-art img{width:174px;top:-10px}.hero-rabbit{right:-9%;top:16%;width:64vw;opacity:.27}.hero-copy{max-width:760px}.footer-brand{width:205px;height:72px}.footer-brand .brand-art img{width:200px;top:-12px}}
@media(max-width:560px){.brand{width:158px;height:57px}.brand-art img{width:154px;top:-9px}.hero-rabbit{right:-22%;top:20%;width:92vw;opacity:.24}}
.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.contact-actions .button{width:220px;min-width:220px;height:60px;min-height:60px;margin:0;padding:0 18px;box-sizing:border-box}
.action-icon{width:18px;height:18px;flex:0 0 18px;margin-right:9px}
.contact-actions .kakao-link{background:#fee500;border-color:#fee500;color:#191919}
.contact-actions .kakao-link:hover{background:#ffeb35;border-color:#ffeb35;color:#191919}
.contact-email{display:inline-block;margin-top:20px;color:#9eb6de;font:500 13px "Space Grotesk",sans-serif;letter-spacing:.04em;border-bottom:1px solid transparent;transition:.2s}
.contact-email:hover,.footer-link:hover{color:#fff;border-color:#557fbf}
.footer-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;justify-self:center}
.footer-link{color:#7e8ca1;border-bottom:1px solid transparent;text-transform:none;letter-spacing:.05em}
.footer-instagram{color:#9eb6de}
@media(max-width:900px){.footer-links{justify-self:start;justify-content:flex-start}}
@media(max-width:560px){.contact-actions{flex-direction:column}.contact-actions .button{width:100%}.contact-email{font-size:11px;letter-spacing:0}}