*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#141414;background:#f7f7f5;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid #e8382c;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:80px;z-index:100;background:white}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#f7f7f5;position:sticky;top:0;z-index:20;border-bottom:1px solid #dededb}.logo{font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1}.logo span{color:#ec3c2e}.logo small{font-size:10px;display:block;letter-spacing:1.1px;margin-top:8px;font-weight:600}nav{display:flex;align-items:center;gap:34px;font-size:13px;letter-spacing:1px;font-weight:700}nav a{padding:8px 0}nav .active{border-bottom:2px solid #e83b2c}nav .visit{border:1px solid #bdbdba;padding:9px 17px;letter-spacing:0}.hero{background:#141515;color:white;padding:64px 5% 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:30px}.hero-copy{padding:30px 0 54px;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 27px}.hero .eyebrow{color:#aaa}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,76px);letter-spacing:-3px;line-height:1.2;font-weight:750;margin-bottom:30px}h1 span{color:#fa4c3e}.intro{font-size:17px;color:#bbb;line-height:1.85}.actions{display:flex;gap:12px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;font-size:14px;font-weight:650;border:1px solid transparent}.red{background:#ed3d2f;color:white}.outline{border-color:#626262;color:white}.hero-art{position:relative;min-height:430px;margin-bottom:30px;overflow:hidden}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:60% center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 40%)}.image-caption{position:absolute;bottom:22px;left:24px;right:24px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px}.play{border:1px solid #ffffff80;background:#ffffff14;color:white;padding:10px 15px;border-radius:30px;backdrop-filter:blur(10px);font-size:13px;white-space:nowrap}.frame-mark{width:22px;height:22px;position:absolute;z-index:1;border-color:#fff9}.top{top:18px;left:18px;border-top:1px solid;border-left:1px solid}.bottom{bottom:18px;right:18px;border-bottom:1px solid;border-right:1px solid}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #3c3c3c;padding:21px 0;font-size:11px;letter-spacing:1.5px;color:#999}.section-nav{display:flex;justify-content:center;gap:48px;padding:24px;border-bottom:1px solid #ddd;font-size:14px}.section{padding:95px 6%;max-width:1600px;margin:auto}.section-head{display:grid;grid-template-columns:1.1fr 1fr;margin-bottom:44px;align-items:end}.section-head .eyebrow{grid-column:1/-1;color:#db3529}.section-head h2{font-size:clamp(30px,3.2vw,48px);line-height:1.28;letter-spacing:-1.8px;margin:0}.section-head>p:last-child:not(.eyebrow){color:#777;margin:0;padding-left:60px;font-size:16px}.feature-split{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.editor{background:#191a1c;padding:14px}.editor video{width:100%;display:block;aspect-ratio:16/10;object-fit:contain}.editor>span{display:block;color:#aaa;font-size:11px;letter-spacing:1px;padding:14px 6px 3px}.index{color:#d43b2c;font-size:13px;font-family:monospace}.feature-copy h3{font-size:30px;line-height:1.4;letter-spacing:-1px;margin:14px 0}.feature-copy p{color:#666;font-size:16px}.feature-copy ul{padding:0;list-style:none;font-size:14px}.feature-copy li{padding:10px 0;border-bottom:1px solid #ddd}.feature-copy li:before{content:'+';margin-right:15px;color:#d43b2c}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:12px;border:1px solid #d0d0cd;padding:3px 9px;color:#777}footer{background:#151515;color:white;padding:60px 6%;display:grid;grid-template-columns:1fr 1fr;gap:24px}footer p{color:#aaa;margin:0}footer div{display:flex;gap:25px;font-size:14px}footer small{color:#888;font-size:11px;letter-spacing:1px}dialog{width:min(1100px,94vw);border:1px solid #555;background:#151515;color:white;padding:28px;max-height:94vh}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}dialog video{width:100%;max-height:72vh}dialog h2{font-size:18px;margin-right:70px}dialog p{font-size:13px;color:#aaa;margin:10px 0 0}dialog a{text-decoration:underline}.close{position:absolute;right:20px;top:20px;border:0;background:transparent;color:white;font-size:14px}@media(max-width:800px){header{height:74px;padding:0 5%}.logo{font-size:27px}.logo small{display:none}nav{gap:18px;font-size:11px}nav .visit{display:none}.hero{grid-template-columns:1fr;padding:36px 5% 0;gap:0}.hero-copy{padding:0 0 36px}h1{font-size:45px;letter-spacing:-2px}.hero-art{min-height:330px}.hero-bottom{font-size:9px}.hero-bottom span:nth-child(2){display:none}.section-nav{gap:22px;font-size:12px;padding:19px 10px}.section{padding:64px 5%}.section-head{grid-template-columns:1fr;gap:22px}.section-head>p:last-child:not(.eyebrow){padding:0}.feature-split{grid-template-columns:1fr;gap:26px}.feature-copy h3{font-size:27px}footer{grid-template-columns:1fr}.image-caption{left:15px;right:15px}.image-caption>span{font-size:9px}.eyebrow{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.feature-grid-section{padding-top:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.tile-image{height:240px;background:#e7e7e4;margin-bottom:26px;overflow:hidden}.tile-image img{width:100%;height:100%;object-fit:contain}.feature-grid h3{font-size:23px;letter-spacing:-.7px;margin:12px 0}.feature-grid p{font-size:15px;color:#737373}.dark-section{background:#171818;color:white}.dark-section .section-head p:last-child{color:#aaa}.motion-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.motion-visual{background:#212223;display:flex;flex-direction:column;justify-content:center;padding:30px}.motion-visual img{width:100%;max-height:330px;object-fit:contain}.motion-visual>div{border-top:1px solid #444;margin-top:25px;padding-top:20px}.motion-visual span{font-size:11px;color:#aaa;letter-spacing:1px}.motion-visual p{font-size:23px;margin:10px 0;color:#eee}.motion-list article{display:flex;gap:25px;padding:25px 0;border-top:1px solid #404040}.motion-list article>span{font-size:13px;color:#ed5144}.motion-list h3{font-size:25px;margin-bottom:10px}.motion-list p{color:#aaa;font-size:15px;margin-bottom:12px}.motion-list small{font-size:12px;color:#777}.research{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid #555;padding-top:44px;margin-top:65px;gap:60px}.research .eyebrow{color:#ee4d41}.research h3{font-size:65px;letter-spacing:-3px;line-height:1;margin-bottom:22px}.research p{color:#bbb}.research>div:first-child p:last-child{font-size:22px;color:white}.research .tags span{border-color:#555;color:#bbb}.text-link{display:inline-block;border-bottom:1px solid #999;padding-bottom:5px;margin-top:25px;font-size:14px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb;border-bottom:1px solid #bbb}.workflow article{padding:30px 22px;border-right:1px solid #d5d5d2}.workflow article:first-child{padding-left:0}.workflow article:last-child{border:0}.workflow b{font-size:36px;color:#db3b2e;font-weight:400}.workflow h3{font-size:19px;margin:30px 0 12px}.workflow p{font-size:14px;color:#777}.workflow span{font-size:12px;text-transform:uppercase;letter-spacing:1px}.output-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding:45px 0}.output-row h3{font-size:25px;line-height:1.4}.output-row p{font-size:14px;color:#777}.output-row span{display:block;font-size:11px;letter-spacing:1px;color:#888;margin-bottom:10px}.output-row strong{font-size:24px;font-weight:500}.style-compare{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;margin-top:40px;padding:35px;background:#ededeb}.style-compare h3{font-size:28px;line-height:1.35;margin:15px 0}.style-compare p{font-size:14px;color:#777}.style-compare figure{margin:0}.style-compare img{width:100%;aspect-ratio:4/3;object-fit:cover}.style-compare figcaption{font-size:12px;color:#777;padding-top:12px}.infrastructure{background:#e9e9e6}.infra-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.infra-grid>img{width:100%;height:100%;max-height:480px;object-fit:cover}.infra-grid article{border-bottom:1px solid #c7c7c3;padding:16px 0}.infra-grid article:first-child{padding-top:0}.infra-grid h3{font-size:22px;margin-bottom:10px}.infra-grid p{font-size:15px;color:#666}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button{padding:10px 20px;background:none;border:1px solid #ccc;font-size:14px;border-radius:30px}.filters .selected{background:#181818;color:white;border-color:#181818}.archive-count{font-size:12px;color:#777}.archive-item{border-top:1px solid #ccc}.archive-item:last-child{border-bottom:1px solid #ccc}.archive-item summary{display:flex;align-items:center;gap:30px;cursor:pointer;padding:25px 0;list-style:none}.archive-item summary::-webkit-details-marker{display:none}.archive-no{font-size:13px;color:#a1a1a1}.archive-item h3{font-size:21px;letter-spacing:-.5px;margin:0;flex:1}.archive-product{font-size:13px;color:#777}.plus{font-size:25px;width:25px;text-align:center;font-weight:300}.archive-item[open] .plus{transform:rotate(45deg)}.archive-detail{padding:0 55px 30px}.status{font-size:12px;color:#c43d30}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.detail-grid h4{font-size:16px;margin:0 0 5px}.detail-grid p{font-size:14px;color:#737373;margin:0}.source-link{display:inline-block;font-size:13px;text-decoration:underline;margin-top:25px}.archive-note{color:#888;font-size:12px;margin-top:20px}.showcase-banner{height:520px;position:relative;color:white;padding:70px 6%;isolation:isolate}.showcase-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.showcase-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0002);z-index:-1}.showcase-banner h2{font-size:60px;line-height:1.16;letter-spacing:-2px;margin-bottom:20px}.showcase-banner p:not(.eyebrow){font-size:16px;color:#ddd}.showcase-banner .eyebrow{color:#ff857a}@media(max-width:800px){.feature-grid{grid-template-columns:1fr;gap:44px}.tile-image{height:260px}.motion-layout,.research,.infra-grid{grid-template-columns:1fr;gap:30px}.motion-visual{padding:20px}.research h3{font-size:52px}.workflow{grid-template-columns:1fr 1fr}.workflow article:first-child{padding-left:20px}.workflow article{padding:20px;border-bottom:1px solid #ddd}.workflow article:nth-child(2){border-right:0}.workflow h3{font-size:17px}.output-row{grid-template-columns:1fr 1fr;gap:25px}.output-row>div:first-child{grid-column:1/-1}.style-compare{grid-template-columns:1fr 1fr;padding:20px;gap:15px}.style-compare>div{grid-column:1/-1}.archive-item summary{gap:14px}.archive-item h3{font-size:17px}.archive-product{display:none}.archive-detail{padding:0 25px 25px}.detail-grid{grid-template-columns:1fr}.showcase-banner h2{font-size:48px}.showcase-banner{height:470px}.filters button{font-size:13px;padding:8px 15px}}