/* ARKAON atelier: shared material, color and focus system. */
:root{color-scheme:light;--paper:#f4f1ea;--ink:#22252a;--forest:#194e4a;--gold:#806536;--line:#d9d8cf;--muted:#606761;--cosmos-text:var(--ink);--cosmos-muted:var(--muted);--cosmos-line:var(--line);--cosmos-accent:var(--forest)}
body{background:var(--paper);color:var(--ink)}
.atelier-home{background:radial-gradient(ellipse at 85% 16%,#e7e8dc 0,transparent 42%),var(--paper)}
header{background:#f4f1eaf2;border-color:var(--line)}
.brand-mark{color:var(--forest);letter-spacing:.18em}.brand-logo{display:none!important}.brand:has(.brand-logo:not([hidden])) .brand-mark{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:0}
.main-nav a,.main-nav a:last-child{color:var(--forest);border-color:#b9c7bf}.main-nav a:hover,.secondary-action:hover{color:#102f2d}.header-inner{padding-block:24px}
.hero{min-height:660px;grid-template-columns:1fr 1.12fr;gap:60px}.hero-copy{padding-block:70px}.hero h1{font-size:clamp(2.7rem,4.3vw,4.5rem);font-weight:550;line-height:1.3;letter-spacing:-.065em}.hero h1 em{color:var(--forest);background:none}.eyebrow{color:var(--forest);font-weight:600;letter-spacing:.16em}.signal{background:var(--gold);box-shadow:0 0 12px #b39a6740}.intro{color:var(--muted);font-size:1rem}.hero-note{color:#68716b}.hero-actions{gap:24px}.primary-action{background:var(--forest);border-color:var(--forest);color:#fff;border-radius:4px;box-shadow:none;padding:17px 24px}.primary-action:hover{background:#123c39}.secondary-action{color:var(--forest)}
.atelier-display{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;padding:42px 0 20px;align-items:start}.display-label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:.61rem;letter-spacing:.18em;color:#6f786e;border-top:1px solid #c4c7bb;padding-top:14px}.sample{display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;box-shadow:0 14px 40px #33382a10;transition:transform .3s,box-shadow .3s;overflow:hidden}.sample:hover{transform:translateY(-5px) rotate(0);box-shadow:0 20px 45px #33382a1c}.sample-label{font-size:.6rem;letter-spacing:.16em}.sample-brand{background:#194e4a;color:#f4f1df;min-height:310px;padding:28px;grid-row:2/4;transform:rotate(-3deg);margin-top:16px}.atelier-symbol{font-size:80px;line-height:1.2;margin-top:27px;color:#c4b483}.sample-brand strong{font-size:2.5rem;letter-spacing:.25em;font-weight:400;margin-top:6px}.sample-brand>span:not([class]){font-size:.69rem;margin-top:8px;letter-spacing:.05em}.sample small{font-size:.65rem;letter-spacing:0;margin-top:auto;padding-top:25px}.sample-card{background:#e5d9c5;color:#373a31;padding:22px;min-height:186px;transform:rotate(4deg)}.sample-card strong{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;margin-top:20px;line-height:1.05}.sample-card i{font-size:.65rem;font-weight:400}.sample-card>span:not([class]){font-size:.65rem;margin-top:13px}.sample-card small{padding-top:16px}.sample-web{background:#fffdf7;padding:16px;transform:rotate(2deg);margin-top:0}.mini-window{border:1px solid #d8dacd;margin-top:12px;padding:12px;background:#f0f0e6}.mini-window>span{font-size:.6rem;letter-spacing:.12em}.mini-window strong{display:block;font-family:Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.05;margin:10px 0;color:var(--forest)}.mini-landscape{height:45px;background:linear-gradient(155deg,#d5d8ba 45%,#8a9b79 46%,#8a9b79 65%,#546e59 66%)}.sample-web small{padding-top:12px}.display-note{grid-column:1/-1;font-size:.66rem;text-align:right;color:#6c746d;margin:0}
.pathway{border-color:var(--line);padding-block:25px}.pathway-label{color:var(--gold)}.pathway p,.pathway a{color:#53635a}.pathway p span{color:var(--gold)}.section-heading h2{color:var(--ink);font-weight:550}.section-heading>a{color:var(--forest)}.service-filters button{color:#58665c}.service-filters button[aria-pressed=true]{background:var(--forest);color:white;border-color:var(--forest);box-shadow:none}
a.card{background:#fffdf8;border:1px solid #ddded4;border-radius:6px;min-height:220px;box-shadow:none}a.card:hover{border-color:#8ca398;box-shadow:0 10px 28px #243c2c0c}.card-icon{background:#edf1e8;border-color:#d5ded1;color:var(--forest);border-radius:50%;width:40px;height:40px}.card h3{color:var(--ink)}.card p{color:var(--muted)}a.card:after{color:var(--forest)}.state-live{color:#386851}.state-admin{color:#806536}.notice{background:#eaece2;border:1px solid #d7dccc;color:#59665b;border-radius:4px}.notice a{color:var(--forest)}.atelier-return{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-block:30px 60px;color:#59665b;font-size:.9rem}.atelier-return a{color:var(--forest);text-underline-offset:5px}footer{background:#e9e9df;border-color:var(--line);color:#5e685f}.footer-brand{color:var(--forest)}
/* Calm workspace: page chrome recedes; inputs and output get distinct surfaces. */
.atelier-workspace{background:var(--paper);color:var(--ink)}.atelier-workspace .shell{max-width:1200px;padding-top:40px}.svc-top{border-color:var(--line)}.svc-top h1{color:var(--forest);font-weight:550}.svc-home{color:var(--forest);border-color:#b8c6ba;background:transparent}.svc-home:hover{color:#123c39;background:#e9eee4}.panel{background:#fffdf8;border:1px solid #dedfd4;border-radius:8px;box-shadow:0 5px 24px #22252a03}.panel h2{color:var(--forest)}label{color:#48574d}input,textarea,select{background:#f7f7f0;color:var(--ink);border:1px solid #c3cbbd;border-radius:5px}button,.btn{background:var(--forest);color:#fff;border:1px solid var(--forest);border-radius:5px;box-shadow:none}button:hover,.btn:hover{background:#123c39;border-color:#123c39}button:disabled{opacity:.5}.muted{color:var(--muted)}a{color:var(--forest)}.chip{background:#eaf0e5;border-color:#ccd8c6;color:#3f614d}.list li{border-color:var(--line)}.preview{background:#e6e9df;border-color:#d2d9ca;padding:24px}.preview iframe{background:#fff;border-radius:5px;box-shadow:0 10px 30px #1b352c14;min-height:420px}.ok{color:#276441}.warn{color:#875619}.feature-shortcuts button{background:#eaf0e5;border-color:#cbd6c4;color:var(--forest)}.feature-result{background:#f3f5ec;border-color:#d8dfcf}.feature-result ol{color:#52604f}.feature-result h3{color:var(--forest)}.feature-result p{color:var(--muted)}.feature-search-panel .eyebrow{color:var(--gold)}
.atelier-studio{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:0 28px;align-items:start}.atelier-studio>.svc-top,.atelier-studio>p{grid-column:1/-1}.atelier-studio>form{grid-column:1;grid-row:3}.atelier-studio>.preview{grid-column:2;grid-row:3;position:sticky;top:24px}.atelier-studio>.preview:before{content:'LIVE CANVAS · 미리보기';display:block;font-size:.66rem;letter-spacing:.12em;color:#536b59;margin-bottom:20px}.atelier-studio>script{display:none}
:focus-visible{outline:2px solid #80642e;outline-offset:4px}.click-wave{border-color:#977b45;box-shadow:0 0 16px #b39a6730}.main-nav a:hover,.svc-home:hover{box-shadow:none}.skip-link:focus{background:var(--forest);color:white}
@media(max-width:900px){.hero{gap:28px;min-height:600px}.hero h1{font-size:3rem}.sample-brand{padding:20px;min-height:280px}.sample-card{padding:17px}.atelier-display{gap:12px}.atelier-studio{grid-template-columns:1fr}.atelier-studio>form,.atelier-studio>.preview{grid-column:1;grid-row:auto;position:static}}
@media(max-width:600px){.header-inner{padding-block:20px}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:48px 0 18px}.hero h1{font-size:clamp(2.5rem,10vw,3.7rem)}.atelier-display{max-width:440px;justify-self:center;width:100%;padding-top:26px;gap:16px}.sample-brand{min-height:310px;padding:24px}.sample-card{padding:20px}.hero-actions{gap:18px}.pathway{margin-top:28px}.atelier-workspace .shell{padding-top:24px}.preview{padding:16px}.preview iframe{min-height:340px}.atelier-return{padding-block:20px 40px}.entry-screen .entry-controls{gap:12px}}
@media(prefers-reduced-motion:reduce){.sample{transition:none;transform:none}.sample:hover{transform:none}}
/* The decorative mark uses text presentation; movement is optional. */
.atelier-symbol{font-family:Georgia,serif;animation:atelier-glow 6s ease-in-out infinite}
@keyframes atelier-glow{50%{opacity:.7;transform:rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.atelier-symbol{animation:none}}
/* Atelier typography: editorial headings, practical Korean UI text. */
.atelier-workspace{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans CJK KR","Malgun Gothic",sans-serif;font-size:16px;line-height:1.8;letter-spacing:-.015em}
.atelier-workspace .svc-top h1,.atelier-workspace .panel h2{font-family:"Noto Serif CJK KR","AppleMyungjo","Batang",serif;font-weight:500;letter-spacing:-.035em;line-height:1.5;text-wrap:pretty}
.atelier-workspace .svc-top h1{font-size:clamp(1.65rem,3.2vw,2.25rem)}
.atelier-workspace .panel h2{font-size:clamp(1.15rem,2vw,1.4rem);margin-bottom:22px}
.atelier-workspace p{line-height:1.85}.atelier-workspace .shell>p{max-width:72ch;margin-block:0 22px}
.atelier-workspace label{font-size:.875rem;font-weight:500;line-height:1.65;letter-spacing:0;gap:8px;margin-bottom:18px}
.atelier-workspace input,.atelier-workspace textarea,.atelier-workspace select{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.65;letter-spacing:0;max-width:100%;min-width:0}
.atelier-workspace button,.atelier-workspace .btn{font-size:.875rem;font-weight:600;line-height:1.5;letter-spacing:0;white-space:normal;text-align:center;min-height:46px}
.atelier-workspace .muted{font-size:.9rem}.atelier-workspace .chip{line-height:1.5;letter-spacing:0}.atelier-workspace .feature-result h3{line-height:1.65;font-weight:600}
/* Small screens: natural wrapping, generous touch areas, no canvas overflow. */
.atelier-workspace .panel,.atelier-workspace .preview,.atelier-workspace .list li,.atelier-workspace .feature-result{min-width:0}
.atelier-workspace .list li>*{max-width:100%;overflow-wrap:anywhere}
.atelier-workspace .svc-home{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){
 .atelier-workspace .shell{padding-inline:20px;padding-bottom:40px}
 .atelier-workspace .svc-top{align-items:flex-start;gap:12px;padding-bottom:20px;margin-bottom:22px}
 .atelier-workspace .svc-top h1{font-size:1.65rem;flex:1 1 190px;line-height:1.55}
 .atelier-workspace .panel{padding:20px 18px}.atelier-workspace .panel h2{margin-bottom:20px}
 .atelier-workspace .btn-row{gap:10px}.atelier-workspace .btn-row>*{flex:1 1 100%;width:100%}
 .atelier-workspace .feature-shortcuts{gap:8px}.atelier-workspace .feature-shortcuts button{min-height:44px;padding:9px 13px}
 .atelier-workspace .preview{padding:14px}.atelier-workspace .preview iframe{min-height:360px}
 .atelier-workspace .feature-search-row button{width:100%}.atelier-workspace .feature-result .btn-row{gap:12px}
 .atelier-home .service-filters button{min-height:44px}.atelier-home .hero-actions a{min-height:44px;display:inline-flex;align-items:center}
 .atelier-home .sample{min-width:0}.atelier-home .atelier-display{padding-inline:6px}.atelier-home .sample-brand{padding:20px;min-height:285px}
 .atelier-home .sample-card{padding:16px}.atelier-home .sample-label{letter-spacing:.08em;overflow-wrap:anywhere}.atelier-home .sample small{line-height:1.7}
}
@media(max-width:380px){.atelier-home .atelier-display{gap:12px;grid-template-columns:1fr 1fr}.atelier-home .sample-brand{padding:16px}.atelier-home .sample-card{padding:13px}.atelier-home .sample-web{padding:12px}.atelier-home .sample-brand strong{font-size:2rem}.atelier-home .mini-window{padding:8px}.atelier-home .mini-window strong{font-size:1.1rem}}
/* Return controls stay together and remain comfortable on small screens. */
.svc-return-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex-shrink:0}
.svc-return-nav .svc-home{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans CJK KR","Malgun Gothic",sans-serif;font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}
@media(max-width:600px){.atelier-workspace .svc-top h1{flex-basis:100%}.svc-return-nav{width:100%}.svc-return-nav .svc-home{flex:1 1 0;padding:10px 16px}}
/* Distinct service rooms share one calm atelier material system. */
.atelier-workspace{--room-accent:#365c4d;--room-tint:#e9eee7;--room-label:'관리 · 검토';background:linear-gradient(135deg,var(--room-tint),#f4f1ea 58%)}
[data-space=brand]{--room-accent:#80612f;--room-tint:#f0e9db;--room-label:'BRAND ATELIER · 브랜드 제작'}
[data-space=motion]{--room-accent:#745168;--room-tint:#eee7ed;--room-label:'MOTION STUDIO · 영상과 움직임'}
[data-space=web]{--room-accent:#265e59;--room-tint:#e4eeea;--room-label:'DIGITAL SPACE · 웹 제작'}
[data-space=collaboration]{--room-accent:#3b5275;--room-tint:#e7ebf2;--room-label:'CO-CREATION · 함께 만드는 작업'}
[data-space=menu]{--room-accent:#365c4d;--room-tint:#e9eee7;--room-label:'CHOOSE YOUR SPACE · 제작 공간 선택'}
.atelier-workspace .svc-top{background:var(--room-tint);border:1px solid #d6d9cf;border-left:3px solid var(--room-accent);padding:24px 28px;border-radius:8px;gap:14px 24px;box-shadow:0 8px 28px #263a2e05}
.atelier-workspace .svc-top::before{content:var(--room-label);flex-basis:100%;font-size:.66rem;letter-spacing:.12em;color:var(--room-accent);font-weight:600;line-height:1.7}
.atelier-workspace .svc-top h1{color:var(--room-accent)}
.atelier-workspace .svc-return-nav{padding:6px;border:1px solid #ffffffb0;border-radius:999px;background:#ffffff60}
.atelier-workspace .svc-return-nav .svc-home{background:#fffdf8;border-color:#c7cec1;color:#365346}
.atelier-workspace form.panel,.atelier-workspace .panel:has(>label){background:#fffefa;border-top:3px solid var(--room-accent)}
.atelier-workspace .preview{background:var(--room-tint);border:1px solid #cbd4c4;box-shadow:inset 0 0 0 6px #ffffff45}
.atelier-workspace .panel h2{padding-bottom:14px;border-bottom:1px solid #e1e4d9}
.atelier-workspace .btn-row{margin-top:22px;padding:16px;background:#f0f2eb;border:1px solid #dce2d4;border-radius:7px;gap:12px}
.atelier-workspace button,.atelier-workspace .btn{background:#fffefa;color:#194e4a;border-color:#a8bbaa;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s}
.atelier-workspace .btn-row>:first-child,.atelier-workspace button[type=submit]{background:#194e4a;color:#fff;border-color:#194e4a;box-shadow:0 4px 12px #194e4a12}
.atelier-workspace button:hover,.atelier-workspace .btn:hover{background:#e8eee3;color:#194e4a;border-color:#6f8c77;box-shadow:0 5px 16px #21453012}
.atelier-workspace .btn-row>:first-child:hover,.atelier-workspace button[type=submit]:hover{background:#123b37;color:#fff}
.atelier-workspace .feature-shortcuts button{background:var(--room-tint);color:var(--room-accent);border-color:#cbd5c7}
[data-space=menu] #serviceList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
[data-space=menu] #serviceList li{background:#fffefa;border:1px solid #d9dfd2;border-left:3px solid #5d7f71;border-radius:7px;padding:22px;align-items:center;gap:14px;transition:transform .3s,box-shadow .3s}
[data-space=menu] #serviceList li:has(a[href*='logo-card']){border-left-color:#80612f}
[data-space=menu] #serviceList li:has(a[href*='ai-video']){border-left-color:#745168}
[data-space=menu] #serviceList li:has(a[href*='co-create']){border-left-color:#3b5275}
[data-space=menu] #serviceList li a{display:block;flex:1 1 180px;font-weight:600;min-height:44px;align-content:center}
[data-space=menu] #serviceList li:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2440310c}
@media(max-width:600px){.atelier-workspace .svc-top{padding:20px 18px;gap:12px}.atelier-workspace .svc-return-nav{border-radius:7px;padding:5px;gap:8px}.atelier-workspace .btn-row{padding:12px;gap:10px}.atelier-workspace .svc-top::before{font-size:.6rem;letter-spacing:.08em}[data-space=menu] #serviceList{grid-template-columns:1fr;gap:12px}[data-space=menu] #serviceList li{padding:18px}}
@media(prefers-reduced-motion:reduce){.atelier-workspace button,.atelier-workspace .btn,[data-space=menu] #serviceList li{transition:none}[data-space=menu] #serviceList li:hover{transform:none}}
/* Layered light and fine material: visible depth around quiet work surfaces. */
.atelier-home,.atelier-workspace{isolation:isolate;background-color:#c3c1bb;background-image:radial-gradient(ellipse at 93% 4%,#ac976f70 0,transparent 36%),radial-gradient(ellipse at 0 42%,#7e998e5e 0,transparent 40%),radial-gradient(ellipse at 90% 90%,#ad9e944f 0,transparent 38%),linear-gradient(135deg,#c6c4be,#bfbfb7 65%,#c4beb6);background-repeat:no-repeat}
.atelier-home::after,.atelier-workspace::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#866d3d08 3px 4px),repeating-linear-gradient(90deg,transparent 0 79px,#ffffff50 79px 80px);mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000)}
[data-space=motion]{background-image:radial-gradient(ellipse at 95% 4%,#977e8c70,transparent 40%),radial-gradient(ellipse at 0 60%,#9e97b260,transparent 40%),linear-gradient(135deg,#c6c2c4,#bebabd 65%,#c3c1bb)}
[data-space=collaboration]{background-image:radial-gradient(ellipse at 95% 4%,#8896ac70,transparent 40%),radial-gradient(ellipse at 0 65%,#9c92ab5c,transparent 40%),linear-gradient(135deg,#c4c4c6,#babec1 65%,#c3c1bb)}
[data-space=web]{background-image:radial-gradient(ellipse at 95% 4%,#869e9280,transparent 40%),radial-gradient(ellipse at 0 65%,#ab997060,transparent 40%),linear-gradient(135deg,#c3c6c0,#babeb8 65%,#c4beb6)}
.atelier-workspace .svc-top{background:radial-gradient(ellipse at 95% 15%,#ffffffc0,transparent 55%),linear-gradient(115deg,var(--room-tint),#fffdf875);border-color:#bfc7b480;box-shadow:0 12px 36px #4a4a2b09,inset 0 1px 0 #fff}
.atelier-workspace .preview{background-image:radial-gradient(ellipse at 80% 5%,#ffffffb0,transparent 60%),repeating-linear-gradient(45deg,transparent 0 14px,#ffffff25 14px 15px),linear-gradient(140deg,var(--room-tint),#e4e6d9);box-shadow:inset 0 0 0 6px #ffffff45,0 15px 40px #3a4d3610}
.atelier-display{position:relative}.atelier-display::before{content:'';position:absolute;inset:0 -15px;border:1px solid #b8ae8d45;border-radius:48% 48% 4px 4px;transform:rotate(8deg);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#d8c69d30,transparent 70%)}
@media(max-width:600px){.atelier-home,.atelier-workspace{background-size:100% 100%;background-attachment:scroll}.atelier-display::before{inset:12px 0}.atelier-home::after,.atelier-workspace::after{opacity:.25}}
@media print{.atelier-home::after,.atelier-workspace::after{display:none}}
/* A small film frame and a legible wordmark form one consistent brand header. */
.mini-brand{display:inline-flex;align-items:center;gap:16px;color:#194e4a;text-decoration:none;max-width:100%;min-height:64px}
.mini-brand-picture{position:relative;display:grid;place-items:center;flex:0 0 auto;width:112px;height:64px;overflow:hidden;border:1px solid #b9a77980;border-radius:8px;background:#080b16;box-shadow:0 5px 16px #1a302612}
.mini-brand-emblem{color:#d8c49b;font:500 32px Georgia,serif;letter-spacing:.05em}
.mini-brand .mini-brand-video{display:block!important;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:7px;pointer-events:none}
.mini-brand .mini-brand-video[hidden]{display:none!important}
.mini-brand-copy{display:flex;flex-direction:column;gap:5px}.mini-brand-copy strong{font:700 1.35rem/1.2 system-ui,sans-serif;letter-spacing:.2em}.mini-brand-copy small{font:500 .58rem/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#667363}
.atelier-workspace .svc-top>.mini-brand{order:0;flex-basis:100%;padding-bottom:20px;border-bottom:1px solid #b5bfad65}.atelier-workspace .svc-top:before{order:1}.atelier-workspace .svc-top>h1,.atelier-workspace .svc-top>.svc-return-nav{order:2}
html[data-custom-appearance] body.appearance-workspace .mini-brand,html[data-custom-appearance] body.appearance-workspace .mini-brand-copy :is(strong,small){color:var(--appearance-panel-ink)}
@media(max-width:600px){.mini-brand{gap:12px;min-height:50px}.mini-brand-picture{width:88px;height:50px}.mini-brand-copy strong{font-size:1.1rem;letter-spacing:.15em}.mini-brand-copy small{font-size:.53rem;letter-spacing:.12em}.atelier-workspace .svc-top>.mini-brand{padding-bottom:16px}.atelier-home .header-inner{gap:18px}}
@media(prefers-reduced-motion:reduce){.mini-brand .mini-brand-video{display:none!important}}
@media print{.mini-brand .mini-brand-video{display:none!important}}
/* Decorative header films never expose native playback chrome. */
.mini-brand-video::-webkit-media-controls,.mini-brand-video::-webkit-media-controls-enclosure,.mini-brand-video::-webkit-media-controls-panel,.mini-brand-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
/* Home menus remain recognizable before the first click. */
.atelier-home .service-filters{gap:10px}
.atelier-home .service-filters button{min-height:44px;padding:10px 19px;font-weight:600;border:1px solid #bdcbbb;background:#e7ece3;color:#425a49;box-shadow:inset 0 1px 0 #ffffffb0}
.atelier-home .service-filters button[data-filter=create]:not([aria-pressed=true]){background:#eee5d5;border-color:#d4c3a3;color:#6a532e}
.atelier-home .service-filters button[data-filter=together]:not([aria-pressed=true]){background:#e1e8ef;border-color:#bac9d7;color:#3e536e}
.atelier-home .service-filters button[data-filter=manage]:not([aria-pressed=true]){background:#e9e4e9;border-color:#cdbfcd;color:#66516a}
.atelier-home .service-filters button[aria-pressed=true]{background:#194e4a;border-color:#194e4a;color:#fff;box-shadow:0 5px 14px #194e4a20}
.atelier-home .service-filters button:not([aria-pressed=true]):hover{border-color:#194e4a;box-shadow:0 4px 12px #194e4a14}
.atelier-home .main-nav a{background:#e8eee5;border:1px solid #becbb8;border-radius:999px;padding:10px 18px;color:#194e4a}
.atelier-home .main-nav a:active{background:#194e4a;color:#fff;border-color:#194e4a}
@media(max-width:600px){.atelier-home .service-filters{gap:8px}.atelier-home .service-filters button{font-size:.76rem;padding:10px 14px}.atelier-home .main-nav a{padding:9px 13px}}
/* Keep decorative rotated artwork and transition veils inside the mobile viewport. */
.atelier-home{overflow-x:hidden;overflow-x:clip}
/* A brighter home: warm daylight instead of a grey wash, with quiet color depth. */
.atelier-home{background-color:#ccc8c0;background-image:radial-gradient(ellipse at 92% 7%,#c6b28880 0,transparent 43%),radial-gradient(ellipse at 0 45%,#a3baac70 0,transparent 44%),radial-gradient(ellipse at 88% 94%,#c6b1a160 0,transparent 42%),linear-gradient(135deg,#cccac4,#c5c8bf 62%,#ccc5ba);background-repeat:no-repeat}
.atelier-home::after{opacity:.16}
.atelier-home header{background:#fffcf5f5;border-color:#dce2cf}
.atelier-home .pathway{background:#ffffff45;border-color:#cbd6bf;border-radius:6px;padding-inline:18px}
.atelier-home a.card{background:#fffef9;border-color:#d5dfca;box-shadow:0 5px 18px #43603d06}
.atelier-home .notice{background:#f0f6e6;border-color:#d8e3c9;color:#4f614c}
.atelier-home footer{background:#eef4e4;border-color:#d7e0c9;color:#52624e}
.atelier-home .atelier-display::before{background:radial-gradient(ellipse at 50% 38%,#f8e8b94d,transparent 70%);border-color:#ccba8850}
@media(max-width:600px){.atelier-home::after{opacity:.1}.atelier-home .pathway{padding-inline:12px}}
/* Company information is readable on every platform service page. */
footer.company-footer{display:block;background:#eef4e4;color:#405443;border-top:1px solid #cddac4;padding:36px clamp(20px,4vw,48px) 30px;margin-top:20px;text-align:left}
.company-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1.6fr auto;gap:24px 40px;align-items:start}
.company-footer-brand{display:flex;flex-direction:column;gap:12px;font:700 1.25rem/1.4 system-ui,sans-serif;letter-spacing:.18em;text-decoration:none;color:inherit}
.company-footer-brand span{font:400 .8rem/1.8 Pretendard,"Malgun Gothic",sans-serif;letter-spacing:0;color:inherit}
.company-details{font-size:.85rem;line-height:1.9;overflow-wrap:anywhere}.company-details strong{display:block;font-size:1rem;margin-bottom:8px;font-weight:650}.company-details address{font:inherit;font-style:normal;margin:0}.company-details p{font:inherit;color:inherit;margin:4px 0 0}
.company-footer-nav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.company-footer-nav a{font-size:.8rem;color:inherit;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.company-footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.company-copyright{grid-column:1/-1;padding-top:20px;border-top:1px solid #b7c8ad80;font-size:.73rem;color:inherit;margin:0}
@media(max-width:800px){.company-footer-inner{grid-template-columns:1fr 1.6fr;gap:24px}.company-footer-nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px 22px}}
@media(max-width:600px){footer.company-footer{padding:30px 20px 90px}.company-footer-inner{grid-template-columns:1fr;gap:22px}.company-footer-nav a{min-height:44px}.company-details{font-size:.82rem}.company-footer-brand{font-size:1.15rem}.company-copyright{padding-top:18px}}
/* A clearly bounded closing area beneath the light atelier pages. */
footer.company-footer{background:linear-gradient(120deg,#163d38,#234e43);color:#edf3e6;border-top:3px solid #b59b65;box-shadow:0 -8px 28px #173a3510}
.company-footer .company-footer-brand,.company-footer .company-footer-brand span,.company-footer .company-details,.company-footer .company-details p,.company-footer .company-footer-nav a,.company-footer .company-copyright{color:inherit}
.company-footer .company-details strong{color:#fff9e8}.company-footer .company-copyright{border-color:#e5edda30;color:#cbd9cb}.company-footer .company-footer-nav a:hover{color:#f4dca5}
/* Home is organized into three clear surfaces: introduction, menu, company. */
.atelier-home .hero{background:radial-gradient(ellipse at 90% 15%,#f7dfb075,transparent 55%),linear-gradient(120deg,#fffaf0,#fff3dd);border:1px solid #e6d5b5;border-radius:18px;padding-inline:32px;margin-top:28px;box-shadow:0 12px 36px #7b63310a}
.atelier-home .hero-copy{padding-block:56px}.atelier-home .hero .atelier-display{padding-right:6px}
.atelier-home .pathway{margin-top:24px;background:#f6f8ed;border:1px solid #d6dec6;padding:22px;border-radius:10px}
.atelier-home #services{background:linear-gradient(140deg,#e3eee3,#edf3e8);border:1px solid #bdcfbc;border-radius:18px;padding:32px;box-shadow:0 12px 32px #234e4310}
.atelier-home #services .section-heading{border-bottom:1px solid #c1d1be;padding-bottom:24px}
.atelier-home #services .service-filters{background:#f7faf1;border:1px solid #ccdac4;border-radius:12px;padding:14px;margin-bottom:24px}
.atelier-home #services a.card{background:#fffef8;border-color:#cddbc4;box-shadow:0 4px 14px #2e553c08}
.atelier-home .main-nav{background:#edf2e7;border:1px solid #c9d5bd;border-radius:999px;padding:8px;gap:12px}
@media(max-width:900px){.atelier-home .hero{padding-inline:24px;gap:24px}.atelier-home #services{padding:26px}}
@media(max-width:600px){.atelier-home .hero{padding-inline:20px;margin-top:18px;border-radius:12px}.atelier-home .hero-copy{padding-top:32px;padding-bottom:8px}.atelier-home .hero h1{font-size:clamp(2rem,9vw,2.8rem)}.atelier-home #services{padding:22px 16px;border-radius:12px}.atelier-home #services .service-filters{padding:10px;gap:8px}.atelier-home #services .service-filters button{flex:1 1 calc(50% - 8px);padding:10px 8px}.atelier-home .pathway{padding:18px}.atelier-home .main-nav{border-radius:12px;padding:8px;gap:8px}.atelier-home .main-nav a{padding:9px 10px}.atelier-home .main-nav a:last-child{padding:9px 10px}}
/* Short service pages still fill the screen, with a full-width footer. */
body.atelier-workspace{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh}
body.atelier-workspace>.shell{flex:1 0 auto;width:100%}
body.atelier-workspace>.company-footer{flex-shrink:0;width:100%;margin-top:auto}
.atelier-home header,.atelier-home .company-footer{width:100%;box-sizing:border-box}
/* Rainbow light travels across the company name without flashing. */
@supports (background-clip:text){
.company-footer .company-details strong{width:fit-content;background:linear-gradient(100deg,#ffb3ba,#ffd49b,#fff3a3,#a8edc1,#9fdcff,#c7b7ff,#f6b7ed,#ffb3ba);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:company-rainbow 9s linear infinite}
.company-footer .company-details strong .arkaon-living{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;animation:none}
.company-footer .company-details strong .arkaon-living::after{display:none}
}
@keyframes company-rainbow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.company-footer .company-details strong{animation:none;background-position:50% 50%}}
@media(forced-colors:active){.company-footer .company-details strong{background:none;color:CanvasText;animation:none}.company-footer .company-details strong .arkaon-living{color:CanvasText;-webkit-text-fill-color:CanvasText}}
@media print{.company-footer .company-details strong{background:none;color:#000;animation:none}.company-footer .company-details strong .arkaon-living{color:#000;-webkit-text-fill-color:#000}}

/* The footer home link shares the quiet, viewport-aware header logo film. */
.company-footer-brand .footer-logo-picture{width:160px;height:90px;border-radius:9px}
.company-footer-brand .footer-logo-picture .mini-brand-emblem{font:500 36px Georgia,serif;color:#d8c49b}
.company-footer-brand .mini-brand-video{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:8px;pointer-events:none}
.company-footer-brand .mini-brand-video[hidden]{display:none}
.company-footer-brand:focus-visible{outline:2px solid #f4dca5;outline-offset:6px;border-radius:9px}
@media(max-width:600px){.company-footer-brand .footer-logo-picture{width:144px;height:81px}}
@media(prefers-reduced-motion:reduce){.company-footer-brand .mini-brand-video{display:none}}
@media print{.company-footer-brand .mini-brand-video{display:none}}
/* Let the footer film's light sit directly on the footer, without a card. */
.company-footer-brand .footer-logo-picture{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.company-footer-brand .footer-logo-picture .mini-brand-video{border-radius:0;mix-blend-mode:screen;mask-image:radial-gradient(ellipse farthest-side at center,#000 76%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse farthest-side at center,#000 76%,transparent 100%)}
.company-footer-brand .footer-logo-picture:has(video:not([hidden])) .mini-brand-emblem{visibility:hidden}
@media(prefers-reduced-motion:reduce){.company-footer-brand .footer-logo-picture:has(video:not([hidden])) .mini-brand-emblem{visibility:visible}}
@media print{.company-footer-brand .footer-logo-picture:has(video:not([hidden])) .mini-brand-emblem{visibility:visible}}
/* A frameless header mark: invert the dark film matte for light surfaces. */
.mini-brand .mini-brand-picture{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.mini-brand .mini-brand-video{border-radius:0;filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply;mask-image:radial-gradient(ellipse farthest-side at center,#000 76%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse farthest-side at center,#000 76%,transparent 100%)}
.mini-brand .mini-brand-picture:has(video:not([hidden])) .mini-brand-emblem{visibility:hidden}
html[data-custom-appearance] .mini-brand .mini-brand-video{filter:var(--appearance-logo-filter,invert(1) hue-rotate(180deg));mix-blend-mode:var(--appearance-logo-blend,multiply)}
@media(prefers-reduced-motion:reduce){.mini-brand .mini-brand-picture:has(video:not([hidden])) .mini-brand-emblem{visibility:visible}}
@media print{.mini-brand .mini-brand-picture:has(video:not([hidden])) .mini-brand-emblem{visibility:visible}}
/* Harmonized default header: a quiet sage-grey at the established depth. */
html:not([data-custom-appearance]) .atelier-home header,html:not([data-custom-appearance]) .atelier-workspace .svc-top{background:#989e91;border-color:#77816f;color:#14332e}
html:not([data-custom-appearance]) :is(.atelier-home header,.atelier-workspace .svc-top) .mini-brand,html:not([data-custom-appearance]) :is(.atelier-home header,.atelier-workspace .svc-top) .mini-brand-copy strong,html:not([data-custom-appearance]) .atelier-workspace .svc-top h1{color:#14332e}
html:not([data-custom-appearance]) :is(.atelier-home header,.atelier-workspace .svc-top) .mini-brand-copy small,html:not([data-custom-appearance]) .atelier-workspace .svc-top::before{color:#20382c}

/* Keep explanations readable over the deeper page backgrounds. */
html:not([data-custom-appearance]) body:is(.atelier-home,.atelier-workspace){--muted:#39463c}
html:not([data-custom-appearance]) .atelier-workspace .shell>p,html:not([data-custom-appearance]) .atelier-home :is(.hero-note,.atelier-return){color:#39463c}
/* Restrained room accents distinguish services without changing shared surfaces. */
html:not([data-custom-appearance]) .atelier-workspace{--room-accent:#20382a}
html:not([data-custom-appearance]) [data-space=brand]{--room-accent:#403010}
html:not([data-custom-appearance]) [data-space=motion]{--room-accent:#3e2638}
html:not([data-custom-appearance]) [data-space=web]{--room-accent:#10362f}
html:not([data-custom-appearance]) [data-space=collaboration]{--room-accent:#1c2e48}
html:not([data-custom-appearance]) .atelier-workspace .svc-top{border-left-color:var(--room-accent)}
html:not([data-custom-appearance]) .atelier-workspace .svc-top::before{color:var(--room-accent)}