:root{--bg-canvas:#171719;--bg-card:#232326;--text-main:#fff5f5;--text-secondary:#b8b3b5;--pink:#e2b4bd;--peach:#f7d6d0;--paper:#fff5f5;--ink:#4a4a4a;--max-width:1440px;--font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg-canvas);color:var(--text-main);font-family:var(--font-family);line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a.btn{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b5677b;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}.container{width:90%;max-width:var(--max-width);margin:auto}.pink{color:var(--pink)}nav{position:fixed;inset:0 0 auto;z-index:20;background:#171719e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff13}.nav-wrap{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:25px}.nav-logo{font-size:30px;font-weight:800;letter-spacing:-.08em;display:flex;align-items:center;gap:12px}.nav-logo span{font-size:12px;letter-spacing:.02em;font-weight:400}.nav-links{display:flex;gap:36px;font-size:15px}.nav-links a:hover{color:var(--pink)}.menu-toggle{display:none}.hero{min-height:850px;min-height:min(980px,100svh);padding-top:82px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 58%,#44323d55,transparent 50%)}.hero-content{position:relative;z-index:3;padding-top:100px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.preview-label{font-size:12px;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:42px}h1{font-size:clamp(44px,5.4vw,82px);max-width:780px;font-weight:600}.hero p{font-size:18px;color:var(--text-secondary);margin-top:28px}.hero-actions{display:flex;gap:12px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 24px;font-size:15px;font-weight:600;border-radius:4px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--pink);color:#272127}.outline{border:1px solid #ffffff50;background:transparent}.dark{background:#393336;color:white}.orbit{position:absolute;right:-7%;top:125px;width:65%;height:650px;perspective:1100px}.person-slot{position:absolute;z-index:10;left:50%;top:48%;transform:translate(-50%,-50%);width:205px;height:400px;border:1px dashed #e2b4bd4d;border-radius:110px 110px 12px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#c8bac1;background:#201c22}.person-slot span{font-size:11px;letter-spacing:.15em}.person-slot strong{font-size:17px}.person-slot small{font-size:12px}.orbit-card{position:absolute;left:50%;top:48%;width:112px;height:150px;margin:-75px 0 0 -56px;will-change:transform,filter;transform-origin:center;border-radius:5px;padding:0;box-shadow:0 20px 50px #0007;transition:box-shadow .2s}.orbit-card:hover,.orbit-card:focus-visible{box-shadow:0 30px 80px #000b}.hero-bottom{position:absolute;bottom:32px;left:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:var(--text-secondary)}.work-section{padding:95px 0 35px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.section-top h2{font-size:clamp(22px,3vw,42px);font-weight:500}.section-top>span{font-size:12px;color:#b8b3b5}.grid-shell{position:relative}.grid-sticky{position:sticky;top:100px;overflow:hidden}.work-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:14px;will-change:transform}.art-card{aspect-ratio:1;border:0;position:relative;overflow:hidden;padding:0;cursor:pointer;background:#2a282c;color:#fff}.portrait .art-card{aspect-ratio:9/16}.art{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:8%;position:relative;overflow:hidden;transition:transform .4s}.art-card:hover .art,.art-card:focus-visible .art{transform:scale(1.04)}.art small{font-size:10px;letter-spacing:.12em;opacity:.8}.art strong{font-size:clamp(24px,5vw,76px);font-weight:500;line-height:.95;letter-spacing:-.06em;overflow-wrap:anywhere}.art .art-bottom{font-size:11px;letter-spacing:.12em}.tone-0{background:#d9b4ba;color:#3b3138}.tone-1{background:#454a5c;color:#eee2d5}.tone-2{background:#d6d2c6;color:#383d35}.tone-3{background:#653e50;color:#f2d8df}.tone-4{background:#a3aaa2;color:#26392f}.tone-5{background:#f0d9cc;color:#6a493e}.tone-6{background:#3e4148;color:#d9b4ba}.tone-7{background:#c8b8a5;color:#3d362f}.tone-8{background:#9b7b8c;color:#f8e8dd}.orbit-card .art strong{font-size:20px}.orbit-card .art small,.orbit-card .art-bottom{font-size:8px}.marquee-section{position:relative;margin-top:110px;overflow:hidden;padding:35px 0}.marquee-track{display:flex;width:max-content;gap:18px;animation:flow 45s linear infinite}.marquee-set{display:flex;gap:18px}.marquee-set .art-card{height:540px;width:340px;flex:none;aspect-ratio:auto}.marquee-set .art-card:nth-child(3n+2){width:520px}.marquee-section:hover .marquee-track,.marquee-section:focus-within .marquee-track,body.modal-open .marquee-track{animation-play-state:paused}.marquee-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;pointer-events:none;background:#17171944;text-shadow:0 2px 18px #0008;padding:20px}.marquee-overlay h2{font-size:clamp(32px,4vw,60px)}.marquee-overlay p{font-size:16px}.explainer{padding:100px 0}.explainer-slot{height:360px;background:#252428;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#c6bfc2;border-radius:4px}.explainer-slot span{font-size:36px}.explainer-slot p{font-size:16px}.light{background:var(--paper);color:var(--ink)}.services{padding:100px 0}.light .section-top>span{color:#766a6f}.services h3,.contact h3{font-size:clamp(35px,4.6vw,66px);margin:50px 0 25px;font-weight:550}.lead{color:#786c70;font-size:18px}.service-controls{display:flex;justify-content:flex-end;gap:8px;margin:25px 0 12px}.service-controls button,.viewer-controls button{width:44px;height:44px;background:transparent;border:1px solid #8886;border-radius:50%}.service-row{display:flex;gap:16px;overflow:auto;scrollbar-width:thin;scroll-snap-type:x mandatory}.service-card{flex:0 0 27%;min-width:240px;min-height:170px;padding:24px;border-top:1px solid #cdbec1;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start}.service-card span{font-size:13px;color:#886d76}.service-card strong{font-size:23px;font-weight:500}.service-card:hover{background:#f7e6e8}.about{padding:80px 0 110px;border-top:1px solid #e5dadd}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px}.about h2{font-size:20px;font-weight:500}.about h3{font-size:clamp(25px,3vw,40px);line-height:1.45;font-weight:500}.about p{margin-top:30px;color:#786c70}.contact{background:var(--peach);color:#44373c;padding:85px 0 100px}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.contact h3{margin-top:20px}.contact p{margin:20px 0 30px}.contact-note{align-self:end;border-top:1px solid #bc939a;padding-top:28px}.contact-note>span{font-size:23px}.email{display:block;font-size:14px;margin-top:24px;overflow-wrap:anywhere}.kakao{background:#fee500;color:#231f20}.talk{font-size:10px;font-weight:800;border-radius:50%;background:#302323;color:#fee500;padding:7px 5px;line-height:1}.floating{position:fixed;bottom:28px;right:28px;background:var(--pink);color:#33242a;border-radius:40px;padding:16px 23px;z-index:15;box-shadow:0 5px 25px #0003;font-size:14px}.floating[hidden]{display:none}footer{padding:40px 0}footer .container{display:flex;justify-content:space-between;align-items:center;gap:20px}footer span,footer a:not(.nav-logo){font-size:12px}dialog{border:0;padding:0;max-height:90svh;max-width:95vw;width:1000px;background:var(--paper);color:var(--ink);overflow:auto;border-radius:8px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{position:absolute;right:12px;top:10px;width:44px;height:44px;z-index:4;font-size:30px;background:#fff9;color:#333;border-radius:50%}.inquiry-layout{display:grid;grid-template-columns:1fr 1.15fr}.inquiry-left{background:var(--peach);padding:60px 36px}.inquiry-left h2{font-size:33px;margin:26px 0}.inquiry-left p{font-size:15px;margin-bottom:38px}.eyebrow{font-size:14px}form{padding:60px 34px 35px}form h3{font-size:23px}.form-note{font-size:13px;color:#79696e;margin:14px 0 25px}label{display:block;font-size:14px;margin:17px 0}input:not([type=checkbox]),textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #d2c5c8;background:#fffafa;color:#3e3639;border-radius:3px;font-size:14px}textarea{resize:vertical}.consent{display:flex;gap:8px;align-items:center;font-size:13px}details{font-size:12px}details p{margin:12px 0}.submit{width:100%;margin-top:20px}#form-result{font-size:14px;margin-top:12px}.viewer-body{text-align:center;padding:45px 30px 25px}.viewer-body>p{font-size:13px;margin:12px 0}#viewer-art{width:min(430px,75vw);height:min(520px,55svh);margin:auto}.viewer-controls{display:flex;gap:24px;align-items:center;justify-content:center}.modal-open{overflow:hidden}@keyframes flow{to{transform:translateX(-50%)}}
@media(max-width:800px){.nav-wrap{min-height:68px}.nav-logo{font-size:25px}.nav-links{gap:22px;font-size:14px}.hero{min-height:920px;padding-top:68px}.hero-content{padding-top:44px}.preview-label{font-size:10px;margin-bottom:25px}h1{font-size:52px}.hero p{font-size:16px}.orbit{top:465px;width:122%;right:-11%;height:390px}.person-slot{height:275px;width:148px}.orbit-card{width:82px;height:112px;margin:-56px 0 0 -41px}.orbit-card .art strong{font-size:16px}.hero-bottom{font-size:10px}.work-section{padding-top:65px}.work-grid{gap:8px}.grid-sticky{top:85px}.section-top{margin-bottom:20px}.marquee-set .art-card{height:390px;width:245px}.marquee-set .art-card:nth-child(3n+2){width:360px}.marquee-section{margin-top:70px}.art small,.art .art-bottom{font-size:8px}.art strong{font-size:30px}.section-top>span{font-size:10px}.explainer{padding:65px 0}.explainer-slot{height:230px}.services{padding:65px 0}.about-layout{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:40px}.contact{padding:65px 0}.contact-note{max-width:450px}.inquiry-layout{grid-template-columns:1fr}.inquiry-left{padding:35px 25px}.inquiry-left h2{font-size:28px}.inquiry-left p{margin-bottom:20px}form{padding:30px 25px}.floating{bottom:18px;right:16px;padding:13px 18px}footer .container{flex-wrap:wrap}.about{padding:60px 0}.marquee-overlay p{font-size:14px;max-width:290px}}
@media(max-width:480px){.menu-toggle{display:block;background:transparent;font-size:14px;padding:12px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#202023;padding:24px 5%;flex-direction:column}.nav-links.open{display:flex}h1{font-size:43px}.hero{min-height:850px}.hero-content{padding-top:35px}.hero-actions{gap:8px;margin-top:28px}.btn{font-size:13px;padding:12px 17px}.orbit{top:440px;height:350px}.person-slot{height:235px;width:128px}.person-slot strong{font-size:14px}.person-slot small{font-size:10px}.orbit-card{width:70px;height:96px;margin:-48px 0 0 -35px}.orbit-card .art strong{font-size:14px}.orbit-card .art small{font-size:6px}.orbit-card .art-bottom{font-size:7px}.art strong{font-size:25px}.art small{font-size:6px}.art .art-bottom{font-size:7px}.section-top h2{font-size:24px}.section-top>span{font-size:9px}.work-grid{gap:6px}.marquee-set .art-card{height:340px;width:215px}.marquee-set .art-card:nth-child(3n+2){width:300px}.service-card{flex-basis:78%;min-width:0}.lead{font-size:16px}.about h3{font-size:24px}.about p{font-size:15px}.contact h3{font-size:39px}.contact p{font-size:15px}}
.orbit .orbit-card{position:absolute}.marquee-track{gap:0}.marquee-set{padding-right:18px}
@media(max-width:800px){.orbit{top:490px}}
@media(max-width:480px){.orbit{top:465px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.art,.btn{transition:none}.grid-sticky{position:relative!important;height:auto!important}.grid-shell{height:auto!important}.work-grid{transform:none!important}}

/* Preview 01 baseline: keep the original hero motion until the revised direction is approved. */
.orbit{right:-3%;top:170px;width:57%;height:550px;perspective:none}
.person-slot{z-index:auto;top:46%;width:190px;height:370px;border-radius:100px 100px 12px 12px}
.orbit-card{width:118px;height:156px;margin:-78px 0 0 -59px;will-change:transform;transform-origin:initial;box-shadow:0 20px 50px #0007;transition:none}
.orbit-card:hover,.orbit-card:focus-visible{box-shadow:0 20px 50px #0007}
@media(max-width:800px){.hero{min-height:900px}.orbit{top:490px;width:100%;right:0;height:360px}.person-slot{height:270px;width:145px}.orbit-card{width:90px;height:120px;margin:-60px 0 0 -45px}.orbit-card .art strong{font-size:17px}}
@media(max-width:480px){.hero{min-height:820px}.orbit{top:460px;height:320px}.person-slot{height:230px;width:125px}.orbit-card{width:76px;height:104px;margin:-52px 0 0 -38px}.orbit-card .art strong{font-size:15px}}