/* SELFEEL — clear light, soft sage, generous breathing space. */
:root{--paper:#fbfbfb;--cream:#f2f3f1;--olive:#50563d;--ink:#50563d;--muted:#50563d;--line:#e2e3de}
body{background:var(--paper)}
.topline{background:#edeeeb;color:#50563d;letter-spacing:.16em}
header{background:#fbfbfbed;backdrop-filter:blur(18px);border-color:#e7e8e5}
.logo{color:#50563d}.eyebrow{color:#50563d;letter-spacing:.19em}
.button{border-radius:999px;background:#50563d;box-shadow:0 5px 18px #50563d10}.button:hover{background:#50563d}
.hero{min-height:650px;height:auto;align-items:stretch;grid-template-columns:.94fr 1.06fr;background:linear-gradient(115deg,#fcfcfc 40%,#f2f2f1)}
.hero-copy{padding:75px 9% 90px 16%}.hero h1{font-size:clamp(50.4px,5.28vw,84px)}.hero-index{left:16%;right:9%;color:#50563d}
.hero-visual.fresh-hero{display:flex;justify-content:center;align-items:center;padding:65px 6% 65px 0;overflow:visible;background:transparent}
.hero-visual.fresh-hero:after{display:none}.fresh-hero .motion-mount{width:100%;box-shadow:0 35px 85px #50563d10;border-radius:50% 50% 30px 30px;overflow:hidden}
.hero-visual.fresh-hero figcaption{color:#50563d;bottom:26px;font-size:10.8px;letter-spacing:.08em}
.intro-strip{border-color:#e4e4e1;background:#f9f9f9}.intro-strip>span{color:#50563d}
.section{padding-top:100px;padding-bottom:100px}.story-copy p{font-size:16.8px}.story-copy .intro{font-size:27.6px}
.technology{background:linear-gradient(150deg,#f4f4f3,#f2f2f1)}.cycle{background:radial-gradient(ellipse,#e6e7e499,transparent 68%)}
.cycle-core{background:#ffffffab;border-color:#c6c8bf;box-shadow:0 0 70px #d9dad5aa}.orbit{border-color:#c5c7be86}.molecule{background:#f3f4f2}
.tech-notes p,.space-options p,.application-copy>p:not(.eyebrow),.resource-grid p{font-size:15.6px}
.manifesto{background:#f0f0ee;color:#50563d;position:relative;overflow:hidden}.manifesto:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #c7c9c05c;border-radius:50%;left:calc(50% - 250px);top:-100px;pointer-events:none}.manifesto .eyebrow{color:#50563d}.manifesto>span{color:#50563d}
.application-media video{border-radius:24px}.space-options article{border-color:#e4e5e2}
.resource-grid>a{border-radius:22px;background:linear-gradient(140deg,#fff,#f4f4f3);border-color:#e4e4e1}.resource-grid>a:hover{background:#eff0ed;transform:translateY(-3px)}
.contact{background:linear-gradient(120deg,#edeeeb,#f3f4f2)}
.source-note{font-size:13.2px;line-height:1.9}.footer-bottom{font-size:13.2px}
.tech-hero{gap:5%;grid-template-columns:.85fr 1.15fr;background:linear-gradient(110deg,#fbfbfb,#f3f4f2);padding-top:65px;padding-bottom:65px}
.tech-hero .eyebrow{margin-top:40px}.tech-hero h1{font-size:clamp(45.6px,4.8vw,73.2px)}
.tech-cover.fresh-cover{min-height:0;padding:0;border-radius:36px;background:transparent;display:block;box-shadow:0 24px 70px #50563d10}
.editor-note{background:#f7f7f6}.editor-note>p{font-size:15.6px;line-height:1.95}
.chapter-nav{background:#fbfbfb;gap:12px 26px;flex-wrap:wrap}.chapter-nav a{padding:7px 0}
.tinted{background:#f4f4f3}.original-material>.eyebrow{font-size:13.2px}
.source-visual-grid{gap:28px;align-items:start}.principle-images{grid-template-columns:1fr}.source-photo-grid{gap:24px}
.selfeel-figure{margin:25px 0 35px;min-width:0}.selfeel-image{display:block;overflow:hidden;border-radius:24px;border:1px solid #e5e6e2;background:#f7f8f6;transition:box-shadow .2s}
.selfeel-image:hover{box-shadow:0 15px 35px #50563d12}.selfeel-image img{width:100%;height:auto;max-height:none;object-fit:contain}
.selfeel-figure figcaption,.selfeel-film figcaption{margin-top:18px;font-size:15.6px;line-height:1.9}
.selfeel-figure figcaption strong,.selfeel-film figcaption strong{font-size:20.4px;font-weight:500;display:block;margin:4px 0 7px}
.selfeel-figure figcaption p,.selfeel-film figcaption p{color:var(--muted);max-width:940px}
.selfeel-figure figcaption small,.selfeel-film figcaption small{font-size:12px;color:#50563d;display:block;margin-top:10px;line-height:1.8}
.selfeel-figure figcaption a,.selfeel-film figcaption a{text-decoration:underline;text-underline-offset:4px}
.source-photo-grid .selfeel-figure{margin-top:12px}.source-photo-grid .selfeel-figure figcaption strong{font-size:18px}
.source-photo-grid .selfeel-figure figcaption p{font-size:14.4px}
.report-wrap{padding:0 0 26px 52px}.report-card{max-width:850px;margin-top:0}.report-card img{width:100%;height:auto}
.safety-list{border-color:#caccc4}.safety-detail{padding-bottom:5px}.safety-detail>p{font-size:15.6px}
.table-scroll{border-radius:16px}thead{background:#e7e8e5;color:#50563d}td.result{color:#50563d}.evidence-block>p:not(.citation){font-size:15.6px}.test-meta{font-size:13.2px!important}
.method-grid>article{border-radius:24px;border-color:#dddeda;background:#fbfbfa}.method-grid .featured{background:#e7e8e4;color:#50563d;border-color:#d2d4cd}.method-grid .featured p{color:#50563d}
.reaction-flow article{border-radius:22px;background:#efefed;border:1px solid #e0e1dd}.reaction-flow>b{color:#a9aca0}
.large-copy em{color:#50563d}.comparison{border-color:#e0e1dc}.evidence-pair{gap:5%}.care-layout{gap:6%;align-items:start}.care-layout>.selfeel-film{margin:0}.care-layout .selfeel-image img{aspect-ratio:auto;height:auto}.care-layout .source-photo-grid.two{grid-template-columns:1fr 1fr}
.care-layout:has(.selfeel-film){grid-template-columns:.8fr 1.2fr}
.care-layout .selfeel-film .film-transcript p{font-size:14.4px}
.source-section{background:linear-gradient(140deg,#efefed,#f5f5f4)}.source-intro{font-size:15.6px}.citation{font-size:13.2px}.reading-note{font-size:14.4px}
.art-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.art-tabs button{border:1px solid #d5d6d1;border-radius:999px;padding:11px 20px;font-size:15.6px;background:#fbfbfb;transition:background .2s}.art-tabs button[aria-selected=true]{background:#50563d;color:white;border-color:#50563d}.art-tabs button:hover{border-color:#50563d}.art-tabs button:focus-visible{outline:3px solid #b6b8ae;outline-offset:3px}
[hidden]{display:none!important}.chart-explorer{margin:30px 0;max-width:1000px}.chart-explorer .selfeel-figure{margin-top:18px}.source-video-grid{display:block}.motion-gallery{max-width:1050px}.selfeel-film{margin:28px 0 35px;min-width:0}
.motion-mount{width:100%;background:#f5f6f4;border-radius:25px;overflow:hidden}.motion-mount>img{width:100%;height:auto}.motion-loading{padding:10px 20px;font-size:13.2px;color:#50563d}.motion-shell{width:100%;background:#f4f4f3;border:1px solid #e4e4e1;border-radius:25px;overflow:hidden}.motion-controls{display:flex;gap:16px;align-items:center;padding:14px 20px;background:#f8f8f8;border-top:1px solid #e4e5e2;min-height:57px}.motion-controls button{border:0;background:#e8e9e5;border-radius:99px;min-height:38px;padding:8px 16px;font-size:14.4px;white-space:nowrap}.motion-controls button:hover{background:#dedfda}.motion-controls input{width:100%;min-width:30px;accent-color:#50563d;cursor:pointer}.motion-time{font-size:13.2px;color:#50563d;white-space:nowrap;font-variant-numeric:tabular-nums}.motion-ambient .motion-controls{justify-content:space-between;background:#f6f7f5}.motion-ambient .motion-controls button{font-size:12px}.motion-ambient .motion-time{font-size:10.8px;letter-spacing:.06em}.film-index{font-size:10.8px;letter-spacing:.15em;color:#50563d;display:block;margin-bottom:8px}.film-transcript{margin-top:18px;border-top:1px solid #e4e5e1}.film-transcript summary{font-size:14.4px;padding:14px 24px 14px 0}.film-transcript>p{padding:0 10px 15px 0;font-size:15.6px;line-height:2}.film-transcript>a{font-size:13.2px;display:inline-block;margin-bottom:18px}.media-disclosure{border:0}.media-disclosure>summary{border-block:1px solid #e0e1dc}.motion-fallback{padding:20px;font-size:15.6px}
@media(min-width:1500px){.hero-copy{padding-left:max(16%,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){.hero{min-height:580px}.hero-copy{padding-left:12%;padding-right:5%}.hero h1{font-size:56.4px}.hero-visual.fresh-hero{padding-right:5%}.tech-hero{grid-template-columns:1fr 1fr}.tech-hero h1{font-size:52.8px}.section{padding-top:75px;padding-bottom:75px}.motion-controls{gap:10px;padding:12px}.care-layout:has(.selfeel-film){grid-template-columns:1fr}.source-photo-grid.two{grid-template-columns:1fr 1fr}.care-layout .selfeel-film{max-width:900px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:46px 8% 36px}.hero h1{font-size:clamp(42px,12.6vw,54px)}.hero-visual.fresh-hero{height:auto;padding:0 6% 40px}.fresh-hero .motion-mount{border-radius:26px}.hero-visual.fresh-hero figcaption{bottom:13px;right:7%;font-size:8.4px}.motion-ambient .motion-time{font-size:9.6px}.motion-controls{padding:10px;gap:9px;min-height:54px}.motion-controls button{padding:7px 11px;font-size:12px;min-height:36px}.motion-time{font-size:10.8px}.motion-controls button span{display:none}.section{padding:65px 7%}.source-visual-grid,.source-photo-grid{grid-template-columns:1fr;gap:0}.tech-hero{grid-template-columns:1fr;padding-top:35px;gap:28px}.tech-hero h1{font-size:45.6px}.tech-hero .eyebrow{margin-top:30px}.tech-cover.fresh-cover{border-radius:24px}.editor-note{padding:25px 7%}.editor-note>p{font-size:14.4px}.chapter-nav{padding:15px 7%;display:flex;gap:6px 18px;font-size:13.2px}.selfeel-figure{margin:20px 0 30px}.selfeel-figure figcaption strong,.selfeel-film figcaption strong{font-size:19.2px}.selfeel-figure figcaption p,.selfeel-film figcaption p{font-size:14.4px}.selfeel-figure figcaption small,.selfeel-film figcaption small{font-size:10.8px}.selfeel-image{border-radius:18px}.art-tabs{gap:7px}.art-tabs button{padding:9px 13px;font-size:13.2px}.report-wrap{padding:0 0 20px}.report-card{margin-left:0}.safety-detail{padding-left:35px}.source-photo-grid.two,.care-layout .source-photo-grid.two{grid-template-columns:1fr}.care-layout:has(.selfeel-film){grid-template-columns:1fr}.evidence-pair{grid-template-columns:1fr}.reaction-flow{gap:10px}.reaction-flow article{padding:20px}.reading-note{font-size:13.2px}.source-note{font-size:12px}.citation{font-size:12px}.source-intro{font-size:14.4px}.source-list small{font-size:12px}.footer-bottom{font-size:12px}.selfeel-film{margin-top:20px}.source-video-grid{display:block}.motion-mount,.motion-shell{border-radius:18px}.chart-explorer .selfeel-image{overflow-x:auto}.chart-explorer .selfeel-image img{min-width:580px}.chart-explorer .selfeel-image:after{content:'좌우로 밀어 그래프를 확인하세요 →';display:block;padding:8px 16px;font-size:12px;color:#50563d}.report-card .selfeel-image{overflow-x:auto}.report-card img{min-width:570px}.principle-images .selfeel-figure:nth-child(2) .selfeel-image{overflow-x:auto}.principle-images .selfeel-figure:nth-child(2) img{min-width:790px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-grid>a:hover{transform:none}}
.motion-caption{padding:21px 28px;background:#f1f1ef;border-top:1px solid #e0e1dd;min-height:112px}.motion-caption>span{font-size:12px;letter-spacing:.07em;color:#50563d;display:block;margin-bottom:7px}.motion-caption>p{font-size:18px;line-height:1.9;margin:0}.film-transcript:not([open])>summary:after{content:'+'}.film-transcript[open]>summary:after{content:'−'}
@media(max-width:760px){.motion-caption{padding:15px 18px;min-height:132px}.motion-caption>p{font-size:15.6px;line-height:1.9}.motion-caption>span{font-size:12px}}
.real-application{max-width:1000px;margin:55px 0}.real-application video{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:24px;background:#50563d}