/* Feelie's science studio: real text, editable motion and sourced data. */
.studio-sign{display:flex;align-items:center;gap:9px;white-space:nowrap}.studio-sign img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}.studio-sign span{font-size:13.2px;color:#50563d;line-height:1.6}.studio-sign b{font-size:10.8px;letter-spacing:.12em;font-weight:500}.studio-info-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-kicker{font-size:13.2px;letter-spacing:.14em;color:#50563d;font-weight:650}.studio-chart,.studio-report,.studio-compare{background:linear-gradient(140deg,#fff,#f5f6f4);border:1px solid #e5e6e3;border-radius:28px;padding:38px 40px;box-shadow:0 20px 60px #50563d10}.studio-info-heading h3,.studio-report h3{font-size:42px!important;letter-spacing:-.05em;margin:10px 0 5px}.studio-info-heading p{font-size:18px!important;color:#50563d;margin:0}.studio-info-heading p strong{font-size:32.4px;color:#50563d;margin-left:12px;font-weight:650}.studio-info-heading p small{font-size:15.6px;font-weight:400}.studio-legend{display:flex;gap:22px;justify-content:end;font-size:15.6px;margin-top:15px}.studio-legend span{display:flex;align-items:center;gap:7px}.studio-legend i{width:9px;height:9px;background:#50563d;border-radius:2px}.studio-legend span+span i{background:#50563d;border-radius:50%}.studio-plot svg{width:100%;display:block;min-height:200px}.trace{stroke-dasharray:1;stroke-dashoffset:1}.trace.is-drawn{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.6,.2,1)}.studio-chart-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:13.2px;color:#50563d}.studio-chart-bottom button{border:1px solid #d5d6d0;border-radius:999px;background:white;font:inherit;color:#50563d;padding:10px 15px;min-height:40px;cursor:pointer;white-space:nowrap}.studio-note{font-size:14.4px!important;line-height:1.8;color:#50563d;margin:20px 0 0!important}.studio-result{padding:24px;background:#ececea;border-radius:20px;margin:25px 0}.studio-result>span{font-size:14.4px;color:#50563d;display:block;margin-bottom:10px}.studio-result strong{display:block;font-size:clamp(24px,2.52vw,38.4px);line-height:1.5;letter-spacing:-.04em;color:#50563d}.studio-report ol{padding:0;list-style:none;margin:0}.studio-report li{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #e6e7e4;align-items:start;font-size:19.2px}.studio-report li>b{font-size:14.4px;color:#50563d;line-height:2.4;font-weight:500}.studio-report-source{display:flex;flex-direction:column;gap:5px;color:#50563d;font-size:14.4px;margin-top:25px}.studio-compare-head,.studio-compare-row{display:grid;grid-template-columns:.65fr 1.3fr 1.2fr;gap:18px;padding:17px 14px;border-bottom:1px solid #e6e7e4;align-items:start;font-size:16.8px}.studio-compare-head{margin-top:25px;background:#eaebe8;border-radius:12px;color:#50563d;font-size:18px}.studio-compare-row>b{font-weight:600}.studio-compare-row>span:nth-child(2){color:#50563d}.studio-compare-row>span:nth-child(3){color:#50563d}.studio-hero-film{margin:0;overflow:hidden;border-radius:30px;background:#f4f4f3;box-shadow:0 25px 75px #50563d13}.studio-hero-film video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.studio-hero-film>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;font-size:13.2px;color:#50563d}.studio-hero-film button{border:0;background:#e7e8e4;border-radius:999px;padding:10px 17px;min-height:40px;color:#50563d;cursor:pointer}.studio-hero-film small{display:block;font-size:12px;color:#50563d}.selfeel-figure:has([data-motion]){min-width:0}.source-photo-grid .motion-ambient .motion-time{font-size:9.6px}.source-photo-grid .motion-ambient .motion-controls button{font-size:12px}.studio-figure-caption{font-size:14.4px;color:#50563d}.source-visual-grid:has([data-infographic=comparison]){grid-template-columns:1fr}.principle-images .selfeel-figure:nth-child(2) img{min-width:0}.report-card{max-width:100%}.chart-explorer{max-width:1100px}.source-photo-grid .motion-shell{border-radius:22px}.tech-hero:has(.studio-hero-film){grid-template-columns:.85fr 1.2fr;gap:5%}.tech-cover.fresh-cover{box-shadow:none}.motion-mount{background:#fbfbfb}.motion-shell{box-shadow:0 15px 50px #50563d0c;border-color:#e6e7e4}.motion-caption{background:#f4f5f3}.motion-controls{background:#fff}.motion-controls button{color:#50563d}.source-photo-grid:has(.motion-mount){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.source-photo-grid .selfeel-figure figcaption strong{font-size:21.6px}.source-photo-grid .selfeel-figure:last-child:nth-child(odd){grid-column:1/-1;max-width:800px}.principle-images{display:block}
@media(max-width:760px){.studio-chart,.studio-report,.studio-compare{padding:24px 19px;border-radius:22px}.studio-sign{gap:3px}.studio-sign img{width:43px;height:43px}.studio-sign span{font-size:10.8px}.studio-sign b{font-size:8.4px}.studio-kicker{font-size:10.8px;letter-spacing:.06em}.studio-info-heading{gap:6px}.studio-info-heading h3,.studio-report h3{font-size:32.4px!important}.studio-info-heading p{font-size:14.4px!important}.studio-info-heading p strong{font-size:27.6px;margin-left:5px}.studio-legend{font-size:13.2px;justify-content:start;margin-top:23px}.studio-chart-bottom{flex-direction:column;align-items:start;gap:9px}.studio-note{font-size:13.2px!important}.studio-plot{margin-inline:-10px}.studio-plot svg{min-height:180px}.studio-result{padding:20px 17px}.studio-result strong{font-size:27.6px}.studio-report li{font-size:16.8px;gap:12px}.studio-compare-head,.studio-compare-row{grid-template-columns:.7fr 1.25fr 1.15fr;font-size:13.2px;gap:10px;padding:14px 4px}.studio-compare-head{padding:14px 7px;font-size:13.2px}.studio-compare .studio-sign{display:none}.tech-hero:has(.studio-hero-film){grid-template-columns:1fr}.studio-hero-film{border-radius:22px}.studio-hero-film>div{padding:14px;font-size:12px}.studio-hero-film small{font-size:10.8px}.source-photo-grid:has(.motion-mount){grid-template-columns:1fr}.source-photo-grid .selfeel-figure:last-child:nth-child(odd){grid-column:auto}.source-photo-grid .motion-ambient .motion-time{font-size:10.8px}.source-visual-grid:has([data-infographic=comparison]){display:block}.report-wrap{padding-left:0}}
@media(prefers-reduced-motion:reduce){.trace{stroke-dashoffset:0!important;transition:none!important}}

@media(max-width:760px){.studio-plot{overflow-x:auto}.studio-plot svg{min-width:550px}.studio-plot::after{content:'좌우로 밀어 그래프를 확인하세요 →';display:block;font-size:12px;color:#50563d;padding:4px 10px 12px}.studio-compare-head{display:none}.studio-compare-row{grid-template-columns:1fr 1fr;font-size:16.8px;gap:12px;padding:20px 0}.studio-compare-row>b{grid-column:1/-1;font-size:20.4px}.studio-compare-row>span::before{display:block;font-size:12px;margin-bottom:7px;opacity:.7}.studio-compare-row>span:nth-child(2)::before{content:'셀필 공기촉매'}.studio-compare-row>span:nth-child(3)::before{content:'광촉매'}}
.motion-mount:not(:has(.motion-shell)){position:relative;padding-bottom:57px}.motion-mount:not(:has(.motion-shell))::before{content:'';display:block;padding-top:63.333%}.motion-mount>.motion-loading{position:absolute;top:45%;width:100%;left:0;text-align:center;margin:0;padding:0 20px}.motion-mount:is([data-motion=catalyst],[data-motion=neutral],[data-motion=adsorption],[data-motion=antistain],[data-motion=application]):not(:has(.motion-shell)){padding-bottom:169px}
@media(max-width:760px){.motion-mount:is([data-motion=catalyst],[data-motion=neutral],[data-motion=adsorption],[data-motion=antistain],[data-motion=application]):not(:has(.motion-shell)){padding-bottom:186px}}
.motion-shell img{max-height:none!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important}.studio-sign img{min-width:0!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
.studio-lab,.studio-product{background:linear-gradient(140deg,#fff,#f5f6f4);border:1px solid #e5e6e3;border-radius:28px;padding:35px;margin-top:24px}.studio-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.studio-lab-grid article{background:#fff;border:1px solid #e5e6e2;border-radius:20px;padding:22px}.studio-lab-grid h4{font-size:25.2px;margin:0 0 5px}.studio-lab-grid article>small{font-size:13.2px;color:#50563d;display:block;min-height:36px}.lab-number{background:#f5f5f4;padding:16px;border-radius:15px;margin-top:12px}.lab-number span{font-size:13.2px;color:#50563d;display:block;margin-bottom:5px}.lab-number strong{font-size:30px;color:#50563d;letter-spacing:-.04em;white-space:nowrap}.lab-treated{background:#eeeeec}.lab-treated strong{color:#50563d}.studio-lab-grid article p{font-size:14.4px;color:#50563d}.studio-product dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 0}.studio-product dl>div{background:white;border:1px solid #e5e6e3;border-radius:17px;padding:20px}.studio-product dt{font-size:14.4px;color:#50563d;margin-bottom:10px}.studio-product dd{font-size:20.4px;margin:0;color:#50563d}.studio-product dl>div:last-child{grid-column:1/-1}.studio-product .studio-info-heading h3,.studio-lab .studio-info-heading h3{font-size:34.8px!important}
@media(max-width:760px){.studio-lab,.studio-product{padding:22px 19px}.studio-lab-grid{grid-template-columns:1fr}.studio-product dl{grid-template-columns:1fr}.studio-product dl>div:last-child{grid-column:auto}.studio-lab .studio-sign,.studio-product .studio-sign{display:none}.studio-lab-grid article>small{min-height:0;margin-bottom:20px}.studio-lab-grid article{padding:22px}.lab-number{display:inline-block;width:calc(50% - 6px);vertical-align:top}.lab-number+.lab-number{margin-left:8px}.lab-number strong{font-size:27.6px}}

.motion-mount[data-motion=studio]:not(:has(.motion-shell))::before{padding-top:56.25%}