@font-face{font-family:Pretendard;src:url(/websis-renewal-20261007/assets/PretendardSubset.woff2) format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#f0ede7;color:#211d29;font-family:Pretendard,Arial,sans-serif;--paper:#f0ede7;--ink:#211d29;--purple:#673de6;--lavender:#dcd2f3;--g:4.2vw}body,html{overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #673de6;outline-offset:6px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}em{font-style:normal}svg{display:block}::selection{background:#673de6;color:white}.eyebrow,.scene-meta,.header-note,.scroll-link,.object-tag,.tabs,.copyright,.back-top{font:10px/1.5 'Courier New',monospace;letter-spacing:.06em}.skip{position:fixed;top:-80px;left:20px;z-index:300;background:white;padding:15px}.skip:focus{top:10px}.header{height:86px;position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;padding:0 var(--g);gap:4vw;background:#f0ede7f2;border-bottom:1px solid #211d291a;backdrop-filter:blur(12px)}.brand{font-weight:850;font-size:34px;letter-spacing:-2.4px;line-height:1}.brand span{font:12px Arial;vertical-align:top;margin-left:3px}.header-note{font-size:8px;line-height:1.4}.header nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:12px}.text-link{position:relative;padding:8px 0}.text-link:after{content:'';height:1px;position:absolute;bottom:0;inset-inline:0;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.text-link small{font:8px monospace;vertical-align:super}.header-contact{display:flex;gap:25px;align-items:center}.header-contact i{font-style:normal;font-size:24px;transition:transform .35s}.header-contact:hover i{transform:rotate(45deg)}.menu-toggle{width:32px;height:36px;display:grid;align-content:center;gap:6px;padding:4px}.menu-toggle span{height:1px;background:currentColor;width:100%;transition:transform .35s}.menu-toggle:hover span:first-child{transform:translateX(4px)}.menu-toggle:hover span:last-child{transform:translateX(-4px)}.sequence{position:relative}.stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}.hero{height:570svh}.hero-stage{background:var(--paper);perspective:1200px}.hero-grid{position:absolute;inset:86px 0 0;background-image:linear-gradient(90deg,#211d2909 1px,transparent 1px);background-size:25% 100%;pointer-events:none}.hero-top{position:absolute;top:16%;left:var(--g);right:var(--g);display:flex;justify-content:space-between;align-items:flex-start;z-index:4}.hero-top .eyebrow{margin-bottom:25px;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--purple);display:inline-block;box-shadow:0 0 0 5px #673de613}.hero-top h1{font-size:clamp(35px,4.4vw,72px);font-weight:620;line-height:1.13;letter-spacing:-.065em}.hero-top h1 em{color:var(--purple)}.hero-description{font-size:15px;line-height:1.7;margin-top:9px;max-width:280px}.hero-description>span{display:block;font:9px monospace;letter-spacing:.08em;margin-top:26px;color:#6b6671}.sculpture{position:absolute;width:45vw;height:52vw;max-height:74vh;right:10.5%;top:16%;z-index:3;pointer-events:none;transform-origin:center}.sculpture-pointer{width:100%;height:100%;position:relative;transform-style:preserve-3d}.fold-w{width:100%;height:100%;overflow:visible;filter:drop-shadow(12px 36px 20px #36165c20)}.w-shadow{fill:#351660;opacity:.15;filter:blur(14px);transform:translateY(22px)}.object-tag{position:absolute;right:0;bottom:12%;font-size:8px;color:#594a6b}.object-tag b{font-weight:400;color:#211d29}.hero-word{position:absolute;left:3%;right:3%;bottom:15%;display:flex;justify-content:space-between;font-size:21.6vw;font-weight:850;letter-spacing:-.095em;line-height:.72;z-index:2;perspective:900px}.hero-word span{display:block;transform-origin:50% 100%}.hero-word sup{font:18px Arial;position:absolute;right:-.4%;top:-15%}.hero-floor{position:absolute;bottom:4%;left:var(--g);right:var(--g);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;z-index:5}.hero-floor>p{font-size:12px;line-height:1.7}.scroll-link{display:flex;align-items:center;gap:35px;font-size:9px}.scroll-link>span{font-size:28px}.line-action{border-top:1px solid currentColor;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:17px 0;position:relative;gap:20px;overflow:hidden}.line-action>span{position:relative;z-index:1;font-size:15px}.line-action small{display:block;font-size:10px;font-weight:400;margin-top:7px;opacity:.65}.line-action i{font-size:30px;font-style:normal;transition:transform .4s}.line-action:after{content:'';position:absolute;inset:0;background:var(--purple);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);z-index:-1;transition:clip-path .45s}.line-action:hover:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.line-action:hover{color:white}.line-action:hover>span{transform:translateX(12px)}.line-action:hover i{transform:translate(-12px,-3px) rotate(45deg)}.cap-theatre{position:absolute;inset:0;background:var(--lavender);clip-path:inset(100% 0 0);padding:130px var(--g) 50px;z-index:6;color:var(--ink);transition:background .65s,color .65s}.scene-meta{display:flex;justify-content:space-between;position:absolute;top:120px;left:var(--g);right:var(--g);font-size:9px;z-index:8}.cap-word{position:absolute;left:var(--g);top:24%;font-size:15vw;font-weight:760;letter-spacing:-.085em;line-height:.9;z-index:2;pointer-events:none}.cap-art{position:absolute;width:44vw;height:46vh;right:8%;top:37%;perspective:1000px}.cap-art>div,.cap-art>svg{position:absolute;inset:0;transition:clip-path .65s,transform .8s;clip-path:inset(0);transform-origin:center}.design-sheet{background:#673de6;color:#f0ede7;padding:35px;width:70%;left:16%!important;transform:rotate(-11deg)}.design-sheet>span{font-size:4.7vw;line-height:1.05;letter-spacing:-.07em;position:relative;z-index:1}.design-sheet strong{font-weight:500}.design-sheet i{position:absolute;width:53%;aspect-ratio:1;right:10%;bottom:12%;border-radius:50%;background:#e7bdaa;mix-blend-mode:screen}.design-sheet small{position:absolute;bottom:20px;left:25px;font:8px monospace}.logic-art{background-image:linear-gradient(#cabaf521 1px,transparent 1px),linear-gradient(90deg,#cabaf521 1px,transparent 1px);background-size:40px 40px;border:1px solid #cabaf544;color:var(--lavender);padding:35px}.logic-art>b{display:block;font:4.5vw/1.05 monospace;letter-spacing:-.05em;margin:25px 0}.logic-art>b span{animation:blink 1s steps(2) infinite}.logic-art>small{font:10px monospace}.network-art path{fill:none;stroke:#673de6;stroke-width:2;stroke-dasharray:8 5;animation:dash 10s linear infinite}.network-art circle{fill:#f0ede7;stroke:#673de6;stroke-width:2}.network-art text{font:12px monospace;fill:#673de6}.care-art{padding:30px;border-top:1px solid currentColor;font:10px monospace}.care-bars{height:75%;display:flex;align-items:end;gap:12px;margin:25px 0}.care-bars i{flex:1;background:var(--purple);height:30%;transform-origin:bottom}.care-bars i:nth-child(2n){height:55%}.care-bars i:nth-child(3n){height:75%}.care-bars i:last-child{height:100%}.cap-copy{position:absolute;bottom:17%;left:var(--g);width:32%;z-index:3}.cap-count{font:11px monospace}.cap-copy h2{font-size:clamp(28px,3.1vw,48px);line-height:1.15;letter-spacing:-.06em;margin:23px 0 18px}.cap-copy p{font-size:14px;line-height:1.8;max-width:350px;opacity:.7}.tabs{display:flex;gap:24px}.tabs button{padding:13px 0;border-top:1px solid #7775;opacity:.55;transition:opacity .3s,border-color .3s;font-size:11px;min-width:60px}.tabs button[aria-pressed=true]{opacity:1;border-top:3px solid currentColor;padding-top:11px}.tabs button:hover{opacity:1}.cap-tabs{position:absolute;bottom:5%;left:var(--g);right:var(--g);z-index:5}.cap-corner{position:absolute;right:var(--g);bottom:5%;font-size:55px;font-weight:200}.cap-theatre[data-cap="1"]{background:#211d29;color:#f0ede7}.cap-theatre[data-cap="2"]{background:#d7d6ce}.cap-theatre[data-cap="3"]{background:#e9c9b8}.cap-theatre:not([data-cap="0"]) .design-sheet,.cap-theatre:not([data-cap="1"]) .logic-art,.cap-theatre:not([data-cap="2"]) .network-art,.cap-theatre:not([data-cap="3"]) .care-art{clip-path:inset(0 0 100%);transform:perspective(900px) rotateX(25deg)}
.footer{padding:70px var(--g) 25px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;background:var(--paper);position:relative;z-index:2}.footer p{font-size:14px}.footer>div{display:flex;flex-direction:column;gap:14px;font-size:12px;align-items:flex-start}.footer small{font-size:10px;line-height:1.8;opacity:.6}.footer button{padding:0}.copyright{grid-column:1/4;border-top:1px solid #211d2920;padding-top:30px;margin-top:25px;font-size:8px}.back-top{align-self:end;text-align:right;font-size:8px}.progress{position:fixed;bottom:0;inset-inline:0;height:3px;z-index:80;pointer-events:none}.progress i{display:block;background:var(--purple);height:100%;transform:scaleX(0);transform-origin:left}.cursor{position:fixed;left:0;top:0;width:10px;height:10px;background:var(--purple);border-radius:50%;z-index:200;pointer-events:none;display:none;align-items:center;justify-content:center;color:white;font:10px monospace;transition:width .25s,height .25s,background .25s}.cursor.active{width:70px;height:70px;background:#673de6df}.cursor.active span{display:block}.cursor span{display:none}@media(pointer:fine){.cursor.visible{display:flex}}dialog{border:0;background:var(--paper);color:var(--ink);padding:35px;width:min(1150px,94vw);max-height:90svh;overscroll-behavior:contain}dialog::backdrop{background:#17111bc9;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #211d2930;font:11px monospace}.dialog-top button{padding:10px;font:14px Pretendard}.dialog-top h2{font:16px Pretendard}.inquiry-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:5vw;padding-top:45px}.inquiry-layout h2{font-size:44px;line-height:1.15;letter-spacing:-.065em;margin:20px 0}.inquiry-layout p{line-height:1.8;font-size:14px}.inquiry-layout>div>a{display:inline-block;margin-top:40px;font-size:24px}form{display:grid;grid-template-columns:1fr 1fr;gap:22px}form label{font-size:12px;display:flex;flex-direction:column;gap:9px}input,textarea{border:0;border-bottom:1px solid #211d2944;background:transparent;padding:10px 0;color:inherit;width:100%;border-radius:0}textarea{resize:vertical}.wide{grid-column:1/-1}.form-note{font-size:11px!important;color:#6b6671}.brief-result p{font-size:13px}.brief-result textarea{min-height:180px}.brief-result button,.brief-result a{display:inline-block;padding:15px 20px 15px 0;font-size:12px}#project{width:min(1400px,96vw);padding:25px}#project .dialog-top{position:sticky;top:-25px;background:var(--paper);z-index:2}#project-image{width:100%;height:auto}#menu{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:30px var(--g);background:var(--purple);color:var(--paper)}#menu nav{padding:30px 0;display:flex;flex-direction:column}#menu nav a{font-size:clamp(24px,4vw,66px);letter-spacing:-.05em;border-bottom:1px solid #ffffff30;padding:10px 0;display:flex;justify-content:space-between;transition:padding .4s}#menu nav a:hover{padding-left:25px}#menu small{font:12px monospace;letter-spacing:0}#menu>p{font:10px monospace}.reduced .hero{height:auto}.reduced .stage{position:relative}.reduced .hero-stage{height:auto;min-height:1500px}.reduced .hero-top{top:140px}.reduced .hero-word{top:520px;bottom:auto}.reduced .sculpture{top:180px}.reduced .hero-floor{top:760px;bottom:auto}.reduced .cap-theatre{top:900px;height:750px;position:relative;clip-path:none}.reduced .hero-stage{min-height:1650px}.reduced *, .reduced *:before,.reduced *:after{animation:none!important;scroll-behavior:auto!important}.reduced .cursor{display:none!important}@keyframes dash{to{stroke-dashoffset:-130}}@keyframes blink{50%{opacity:0}}
@media(max-width:1100px){.header nav{gap:20px}.header-note{display:none}.hero-description{font-size:13px;max-width:230px}.cap-word{font-size:15vw}.stage{min-height:650px}}
@media(max-width:700px){body{--g:6vw}.header{height:68px;padding:0 6vw}.brand{font-size:29px}.header nav{gap:17px}.header nav>.text-link{display:none}.header-contact{font-size:10px;gap:12px}.header-contact i{font-size:20px}.hero{height:380svh}.stage{min-height:680px}.hero-top{top:16%;display:block}.hero-top h1{font-size:10.6vw}.hero-top .eyebrow{font-size:8px;margin-bottom:18px}.hero-description{display:none}.sculpture{top:30%;right:3%;width:86vw;height:63vw;max-height:none}.object-tag{right:8%;bottom:0;font-size:6px}.hero-word{font-size:21.6vw;bottom:24%;left:4%;right:4%}.hero-word sup{font-size:10px}.hero-floor{bottom:5%;grid-template-columns:1fr 1.25fr;gap:15px}.hero-floor>p{display:none}.scroll-link{font-size:7px;gap:14px}.scroll-link>span{font-size:22px}.line-action>span{font-size:12px}.line-action small{font-size:8px;line-height:1.5}.line-action i{font-size:25px}.cap-theatre{padding-top:95px}.scene-meta{top:98px;font-size:7px}.scene-meta>span:last-child{max-width:150px;text-align:right}.cap-word{top:22%;font-size:16vw}.cap-art{width:68vw;height:29vh;right:8%;top:35%}.design-sheet{padding:20px}.design-sheet>span{font-size:10vw}.design-sheet small{font-size:6px;bottom:12px;left:20px}.logic-art{padding:20px}.logic-art>b{font-size:10vw;margin:20px 0}.logic-art>small{font-size:8px}.cap-copy{left:var(--g);bottom:15%;width:87%}.cap-copy h2{font-size:27px;margin:10px 0}.cap-copy h2 br{display:none}.cap-copy p{font-size:12px;max-width:320px;line-height:1.6}.cap-count{font-size:9px}.cap-tabs{gap:15px;bottom:4%}.tabs button{font-size:10px;min-width:55px}.cap-corner{display:none}.footer{grid-template-columns:1fr 1fr;padding-top:50px;gap:25px}.footer>p{font-size:11px}.copyright{grid-column:1/2;font-size:7px}.back-top{font-size:7px}.inquiry-layout{grid-template-columns:1fr;gap:30px;padding-top:25px}.inquiry-layout h2{font-size:35px}.inquiry-layout>div>a{margin-top:15px;font-size:18px}.inquiry-layout>div>p:not(.eyebrow){display:none}dialog{padding:20px}form{gap:17px}.dialog-top{padding-bottom:15px}#menu nav{padding-top:45px}#menu nav a{font-size:7vw;padding:18px 0}.reduced .hero-top{top:130px}.reduced .sculpture{top:310px}.reduced .hero-word{top:590px}.reduced .hero-floor{top:700px}.reduced .cap-theatre{top:810px;height:820px}.reduced .hero-stage{min-height:1630px}}