:root{--paper:#f7efdc;--ink:#19150f;--orange:#fdaf19;--burnt:#d65129;--tan:#d8a570;--pale:#fff8eb;--green:#526e4e;--line:rgba(25,21,15,.18);--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",system-ui,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}::selection{background:var(--orange);color:var(--ink)}[hidden]{display:none!important}
.skip-link{position:fixed;z-index:300;left:16px;top:-90px;background:var(--ink);color:white;padding:12px 16px}.skip-link:focus{top:16px}
.display{font-family:"Black Han Sans","Noto Sans KR",sans-serif;font-weight:400;letter-spacing:-.055em;line-height:1.12;margin:0}.display em{font-style:normal;color:var(--burnt)}.overline{margin:0 0 16px;font:800 12px/1.5 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase}.section-pad{padding:120px max(5vw,28px);position:relative}.section-index{font:800 11px "DM Sans",sans-serif;letter-spacing:.17em;position:absolute;bottom:27px;left:5vw;opacity:.5}.text-link{display:inline-flex;align-items:center;gap:26px;border-bottom:2px solid currentColor;padding-bottom:9px;font-weight:800;text-decoration:none}.text-link span{font-size:23px;transition:transform .3s}.text-link:hover span{transform:translate(5px,-5px)}
.intro-screen{position:fixed;inset:0;z-index:240;background:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;animation:loaderExit 1s 1.8s both;pointer-events:none}.intro-logo{overflow:hidden;width:min(46vw,270px)}.intro-logo img{width:100%}.intro-line{height:5px;width:min(46vw,270px);background:#14110e33;overflow:hidden}.intro-line span{display:block;width:0;height:100%;background:var(--ink);animation:loaderProgress 1.6s ease forwards}.intro-screen p{font:700 10px "DM Sans",sans-serif;letter-spacing:.2em}
@keyframes loaderProgress{to{width:100%}}@keyframes loaderExit{to{opacity:0;visibility:hidden;transform:translateY(-100%)}}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:76px;padding:11px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(247,239,220,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:background .3s,transform .3s}.site-header.on-dark{background:rgba(25,21,15,.92);color:var(--paper)}.site-header.on-dark .brand span{color:var(--paper)}.site-header.on-dark .menu-lines i{background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:210px}.brand img{width:98px;height:55px;object-fit:cover;background:var(--orange);mix-blend-mode:multiply}.brand span{font:700 10px/1.1 "DM Sans",sans-serif;letter-spacing:.13em}.desktop-nav{display:flex;align-items:center;gap:clamp(13px,2.2vw,38px)}.desktop-nav a{text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:opacity .2s}.desktop-nav a:hover{opacity:.48}.menu-toggle{background:none;border:0;color:inherit;font:800 13px "DM Sans",sans-serif;letter-spacing:.09em;display:flex;align-items:center;gap:12px;min-width:72px;justify-content:flex-end;padding:10px 0}.menu-lines{display:grid;gap:5px}.menu-lines i{display:block;width:18px;height:2px;background:var(--ink);transition:transform .3s}.menu-toggle:hover .menu-lines i:first-child{transform:translateX(4px)}.menu-toggle:hover .menu-lines i:last-child{transform:translateX(-4px)}.read-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}.read-progress span{display:block;width:0;height:100%;background:var(--orange)}
.site-header.on-dark .brand img{mix-blend-mode:normal}
.menu-overlay{position:fixed;z-index:200;inset:0;background:var(--orange);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .65s cubic-bezier(.7,0,.2,1),visibility .65s}.menu-overlay.open{clip-path:inset(0 0 0 0);visibility:visible}.menu-close{position:absolute;right:4vw;top:28px;background:var(--ink);color:var(--paper);border:0;padding:11px 17px;font-size:12px;font-weight:800}.menu-close span{font-size:23px;margin-left:10px;vertical-align:middle}.menu-overlay-inner{height:100%;max-width:var(--max);margin:auto;display:flex;flex-direction:column;justify-content:center;padding:100px 8vw 60px}.menu-overlay nav{display:grid;gap:4px}.menu-overlay nav a{font-family:"Black Han Sans",sans-serif;font-size:clamp(40px,7.5vw,105px);line-height:1.1;letter-spacing:-.04em;text-decoration:none;border-bottom:1px solid #17120e66;transition:padding-left .3s,color .3s}.menu-overlay nav a:hover{padding-left:20px;color:#fff8e5}.menu-overlay nav a span{font-family:"DM Sans",sans-serif;font-size:13px;vertical-align:top;display:inline-block;margin:14px 26px 0 0}.menu-overlay-inner>p:last-child{font:800 11px "DM Sans";letter-spacing:.12em;margin-top:28px}
.hero{height:max(740px,100svh);min-height:680px;position:relative;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:96px 4vw 36px}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}.hero-topline,.hero-bottom{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hero-topline{font:700 11px "DM Sans",sans-serif;letter-spacing:.09em}.hero-main{flex:1;position:relative;display:grid;place-items:center}.hero-words{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none;font-family:"Black Han Sans",sans-serif;font-size:clamp(130px,18vw,340px);letter-spacing:-.085em;line-height:1}.hero-words span:first-child{transform:translateX(-4vw)}.hero-words span:last-child{transform:translateX(1vw)}.hero-disc{position:relative;z-index:3;width:min(43vw,540px);min-width:320px;aspect-ratio:1;display:grid;place-items:center;will-change:transform}.hero-disc-ring{position:absolute;inset:5%;border:2px dashed rgba(25,21,15,.4);border-radius:50%;animation:rotateRing 26s linear infinite}.hero-burger{position:relative;z-index:2;width:100%;filter:drop-shadow(0 24px 28px #4d2d1b30);animation:floatBurger 5s ease-in-out infinite}.hero-badge{position:absolute;z-index:5;right:10%;top:14%;height:118px;width:118px;border-radius:50%;background:var(--burnt);color:#fff4db;text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(12deg);box-shadow:7px 10px 0 #281a0f}.hero-badge span{font:800 9px/1.2 "DM Sans";letter-spacing:.12em}.hero-badge b{font:800 31px/1 "DM Sans"}.hero-badge small{font:800 9px "DM Sans";letter-spacing:.15em}@keyframes rotateRing{to{transform:rotate(360deg)}}@keyframes floatBurger{50%{transform:translateY(-13px) rotate(2deg)}}.hero-bottom p{font-size:clamp(18px,2vw,29px);line-height:1.45;font-weight:600;margin:0}.hero-bottom p strong{font-weight:900}.hero-bottom-right{display:flex;align-items:center;gap:25px;font:800 10px "DM Sans";letter-spacing:.11em}.circle-link{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:52px;height:52px;border-radius:50%;text-decoration:none;font-size:24px;transition:transform .3s}.circle-link:hover{transform:translateY(7px)}
.ticker{background:var(--ink);color:var(--orange);overflow:hidden;white-space:nowrap;height:63px;display:flex;align-items:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.ticker-track{display:flex;gap:70px;width:max-content;animation:marquee 28s linear infinite;font:800 22px "DM Sans";letter-spacing:.08em}.ticker-track span{white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}
.story-intro{min-height:1050px;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:190px 10vw}.story-intro .overline{margin:0 0 36px}.display-story{position:relative;z-index:3;font-size:clamp(55px,7.3vw,115px);line-height:1.22}.story-intro-copy{position:relative;z-index:3;max-width:500px;margin:32px 0 0;font-size:15px;line-height:1.8}.story-photo{position:absolute;overflow:hidden;width:190px;height:235px;z-index:1;box-shadow:12px 13px 0 #1b151116;transform:rotate(var(--rotate));transition:transform .5s,box-shadow .5s}.story-photo:hover{transform:rotate(0) scale(1.05);box-shadow:18px 18px 0 #1b151120}.story-photo img{width:100%;height:100%;object-fit:cover}.story-photo small{position:absolute;bottom:0;right:0;background:var(--orange);font:800 10px "DM Sans";padding:7px}.story-photo-a{left:5%;top:12%;--rotate:-12deg}.story-photo-b{right:7%;top:17%;--rotate:9deg}.story-photo-c{left:13%;bottom:13%;--rotate:9deg}.story-intro .section-index{left:5vw}
.story-photo.reveal{transform:translateY(45px) rotate(var(--rotate))}.story-photo.reveal.in-view{transform:translateY(0) rotate(var(--rotate))}.story-photo.reveal.in-view:hover{transform:translateY(0) rotate(0) scale(1.05)}
.overview{min-height:1100px;background:var(--ink);color:var(--paper);padding-top:140px;overflow:hidden}.overview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 87% 45%,#4d321d 0,transparent 30%);opacity:.45;pointer-events:none}.overview-head,.overview-numbers,.overview-bottom{position:relative;z-index:2}.overview h2{font-size:clamp(58px,7.3vw,105px)}.overview h2 span{color:var(--orange)}.overview-numbers{margin-top:78px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #f7efdc55;border-bottom:1px solid #f7efdc55}.overview-number{padding:40px 28px 44px;border-right:1px solid #f7efdc55;display:flex;flex-direction:column;gap:10px}.overview-number:first-child{padding-left:0}.overview-number:last-child{border:0}.overview-number>span{font-size:12px;font-weight:800}.overview-number strong{font:400 clamp(70px,8vw,142px)/1 "Black Han Sans";letter-spacing:-.09em;color:var(--orange)}.overview-number small{font:700 10px "DM Sans";letter-spacing:.17em}.overview-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:70px}.overview-bottom p{font-size:clamp(21px,3vw,39px);line-height:1.35;margin:0}.overview-bottom b{font-weight:900}
.anatomy{background:var(--paper);min-height:1600px;padding-bottom:220px}.anatomy-intro{text-align:center;max-width:800px;margin:auto}.anatomy-intro h2{font-size:clamp(53px,7vw,92px)}.anatomy-intro p:last-child{line-height:1.7;max-width:530px;margin:30px auto 0;font-size:15px}.anatomy-stage{position:sticky;top:95px;height:min(790px,calc(100svh - 115px));margin:100px auto 0;max-width:var(--max);display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:4vw}.anatomy-visual{position:relative;display:grid;place-items:center;height:100%;overflow:hidden}.anatomy-ring{width:75%;aspect-ratio:1;background:var(--orange);border-radius:50%;position:absolute;box-shadow:0 0 0 22px #e8d9b6}.anatomy-watermark{font:400 7vw "Black Han Sans";opacity:.06;position:absolute;bottom:3%;white-space:nowrap}.burger-layers{position:relative;width:450px;height:450px;max-width:90%;transform:rotate(-7deg)}.burger-piece{position:absolute;left:8%;width:84%;display:block;transform:translateY(var(--spread,0px));transition:transform .7s cubic-bezier(.22,1,.36,1)}.bun-top{top:24%;height:29%;border-radius:52% 52% 19% 19%/83% 83% 23% 23%;background:radial-gradient(ellipse at 45% 20%,#ffe6ae,#d9772e 70%,#8b4424 100%);border:6px solid #8c4d25;--spread:calc(var(--explode,0) * -78px);box-shadow:inset 0 -15px #a7582a}.bun-top:after{content:"✦   •       ✦  •   ✦";position:absolute;left:12%;top:27%;font-size:24px;color:#fff3d3;transform:rotate(-5deg)}.lettuce{top:54%;height:7%;background:repeating-linear-gradient(110deg,#3a7933 0 13px,#66a547 13px 28px);border-radius:30% 20% 40% 30%;--spread:calc(var(--explode,0) * -28px);filter:drop-shadow(0 5px 0 #195228)}.tomato{top:61%;height:5%;background:#d43d2d;border-radius:40%;--spread:calc(var(--explode,0) * 8px)}.cheese{top:67%;height:6%;background:#ffc42a;clip-path:polygon(0 0,100% 0,95% 100%,74% 40%,55% 100%,34% 40%,15% 100%);--spread:calc(var(--explode,0) * 40px)}.patty{top:70%;height:10%;background:linear-gradient(#804421,#392219 70%);border-radius:35%;box-shadow:inset 0 5px 0 #a16537;--spread:calc(var(--explode,0) * 66px)}.bun-bottom{top:80%;height:12%;background:linear-gradient(#f4c77d,#aa592d);border-radius:14% 14% 52% 52%;border:5px solid #8c4d25;--spread:calc(var(--explode,0) * 90px)}.anatomy-copy{max-width:430px}.anatomy-step{font:800 12px "DM Sans";letter-spacing:.15em;color:var(--burnt)}.anatomy-copy h3{font-size:clamp(38px,4vw,62px);margin:15px 0}.anatomy-copy>p:not(.anatomy-step){font-size:16px;line-height:1.8;min-height:92px}.anatomy-status{display:inline-block;background:var(--ink);color:var(--paper);font-size:12px;font-weight:800;padding:10px 14px;margin:20px 0}.anatomy-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.anatomy-controls button{border:1px solid var(--ink);border-radius:50%;width:35px;height:35px;background:transparent;font:800 11px "DM Sans";transition:background .25s,color .25s}.anatomy-controls button.active,.anatomy-controls button:hover{background:var(--ink);color:var(--paper)}.anatomy-caption{text-align:center;font-size:12px;margin-top:40px}
.distribution{background:#d9aa7f;min-height:1000px;overflow:hidden}.distribution-head{max-width:900px}.distribution h2{font-size:clamp(55px,7vw,100px)}.distribution-head>p:last-child{max-width:550px;line-height:1.7;margin-top:22px}.distribution-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-top:55px}.distribution-bars{display:grid;gap:22px}.group-bar{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:16px}.group-bar>span{font-weight:800;font-size:14px}.group-bar>small{text-align:right;font:800 14px "DM Sans"}.group-bar-track{height:22px;background:#fff6e67a;overflow:hidden;border-radius:20px}.group-bar-fill{height:100%;width:0;background:var(--ink);border-radius:20px;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.distribution-grid.in-view .group-bar-fill{width:var(--width)}.distribution-donut{width:min(39vw,490px);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(var(--burnt) 0 40.1%,var(--orange) 40.1% 56.2%,#af704c 56.2% 69%,var(--green) 69% 75.8%,var(--ink) 75.8% 100%);box-shadow:20px 20px 0 #8e634d55;transition:transform .7s}.distribution-donut:hover{transform:rotate(12deg)}.distribution-donut:before{content:"";position:absolute;inset:23%;border-radius:50%;background:#d9aa7f}.donut-center{position:relative;display:flex;flex-direction:column;text-align:center}.donut-center b{font:400 58px "Black Han Sans"}.donut-center span{font:800 11px "DM Sans";letter-spacing:.12em}.distribution-note{margin-top:65px;border-top:2px solid var(--ink);padding-top:24px;max-width:850px}.distribution-note span{font-size:12px;font-weight:900}.distribution-note p{font-size:23px;line-height:1.5;margin:7px 0 10px;font-weight:800}.distribution-note small{font-size:11px}
.journey{background:var(--paper);padding-top:140px}.journey-heading{max-width:870px;margin-bottom:100px}.journey-heading h2{font-size:clamp(60px,8vw,117px)}.journey-heading>p:last-child{font-size:15px;line-height:1.75;max-width:550px;margin-top:25px}.journey-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7vw;max-width:var(--max);margin:auto}.journey-visual{position:sticky;top:110px;height:calc(100svh - 120px);max-height:750px}.journey-visual-frame{height:100%;overflow:hidden;position:relative;background:var(--ink)}.journey-visual img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .8s;transform:scale(1.03)}.journey-visual img.changing{opacity:.28;transform:scale(1.1)}.journey-visual-label{position:absolute;top:23px;left:24px;background:var(--orange);font-size:12px;font-weight:900;padding:8px 11px}.journey-visual-tally{position:absolute;bottom:27px;right:24px;color:white;font:800 16px "DM Sans";letter-spacing:.13em}.journey-chapters{padding:0 0 70px}.journey-chapter{min-height:75svh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);padding:45px 0;opacity:.45;transition:opacity .35s}.journey-chapter.active{opacity:1}.journey-chapter .chapter-no{color:var(--burnt);font:800 14px "DM Sans";letter-spacing:.15em}.journey-chapter h3{font-family:"Black Han Sans",sans-serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.18;letter-spacing:-.05em;margin:18px 0}.journey-chapter .chapter-subtitle{font-size:18px;font-weight:800;line-height:1.5;margin:0 0 20px}.journey-chapter .chapter-description{font-size:14px;line-height:1.85;max-width:510px}.journey-chapter .chapter-question{font-size:17px;font-weight:900;border-left:4px solid var(--burnt);padding-left:17px;line-height:1.5;margin:20px 0}.journey-chapter .chapter-meta{font-size:11px;color:#5a5042}.journey-chapter a{display:inline-flex;align-self:flex-start;font-size:12px;font-weight:900;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:7px;margin-top:20px}
.gallery{background:var(--paper);padding-top:120px;overflow:hidden;min-height:900px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.gallery-heading h2{font-size:clamp(50px,6vw,85px)}.gallery-controls{display:flex;gap:10px}.gallery-controls button{height:53px;width:53px;border:0;border-radius:50%;background:var(--tan);font-size:25px;transition:transform .25s,background .25s}.gallery-controls button:hover{transform:scale(1.12);background:var(--orange)}.gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -5vw;padding:0 5vw 20px}.gallery-track::-webkit-scrollbar{display:none}.gallery-card{position:relative;flex:0 0 min(32vw,460px);scroll-snap-align:center;min-width:320px}.gallery-card img{height:440px;width:100%;object-fit:cover;transition:transform .5s;filter:saturate(.9)}.gallery-card:hover img{transform:scale(1.03)}.gallery-card b{display:block;font-family:"Black Han Sans";font-weight:400;font-size:25px;margin:12px 0 2px}.gallery-card span{font:700 12px "DM Sans";color:#665a4a}.gallery-caption{max-width:530px;font-size:12px;margin-top:28px;line-height:1.7}
.data-lab{background:var(--pale);min-height:1000px}.data-head h2{font-size:clamp(55px,7vw,105px)}.data-head>p:last-child{max-width:700px;line-height:1.75;margin-top:19px}.data-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:54px 0 42px;border:1px solid var(--line)}.data-stats>div{background:var(--pale);padding:20px 18px;display:flex;flex-direction:column}.data-stats strong{font:400 clamp(28px,3vw,49px) "Black Han Sans"}.data-stats span{font-size:12px;font-weight:800}.tab-list{display:flex;border-bottom:2px solid var(--ink);gap:28px}.tab-list button{padding:14px 5px;border:0;background:transparent;font-weight:900;color:#837866;font-size:14px;position:relative}.tab-list button.active{color:var(--ink)}.tab-list button.active:after{content:"";position:absolute;height:5px;left:0;right:0;bottom:-3px;background:var(--orange)}.data-panel{min-height:550px;padding:33px 0 50px}.table-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.table-intro h3{font-family:"Black Han Sans";font-size:30px;font-weight:400;margin:0}.table-intro p{font-size:12px;line-height:1.6;max-width:460px;margin:0}.activity-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 35px}.activity-row{border-top:1px solid var(--line);padding:10px 0}.activity-row-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:800}.activity-row-head em{font-style:normal;color:#5b5246}.activity-bar{height:8px;border-radius:10px;background:#e6dccb;overflow:hidden;margin-top:10px}.activity-bar span{height:100%;width:0;background:var(--bar);display:block;border-radius:10px;transition:width 1s}.activity-list.in-view .activity-bar span{width:var(--width)}.day-bars{display:grid;gap:15px}.day-row{display:grid;grid-template-columns:120px 1fr 80px;gap:16px;align-items:center;font-weight:800}.day-row .bar{height:19px;background:#e6dccb;border-radius:12px;overflow:hidden}.day-row .bar span{display:block;background:var(--orange);height:100%}.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:40px}.device-card{background:var(--paper);padding:22px;border:1px solid var(--line)}.device-card h4{font:400 27px "Black Han Sans";margin:0}.device-card p{font-size:12px;line-height:1.6}.device-card strong{font-size:20px}.filter-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.5fr;gap:10px}.filter-row label{font-weight:800;font-size:11px}.filter-row select,.filter-row input{display:block;margin-top:7px;width:100%;height:43px;background:#fff;border:1px solid var(--line);border-radius:0;color:var(--ink);padding:0 11px;font-size:12px}.filter-row select:focus,.filter-row input:focus{outline:2px solid var(--orange)}.clip-status{font-size:11px;margin:19px 0 9px;font-weight:800}.clip-list{border-top:2px solid var(--ink)}.clip-item{border-bottom:1px solid var(--line);background:transparent}.clip-trigger{border:0;background:transparent;display:grid;grid-template-columns:30px 1fr 95px 90px 90px 22px;gap:10px;align-items:center;width:100%;text-align:left;padding:15px 9px;color:var(--ink);font-size:12px}.clip-trigger:hover{background:#f5ead4}.clip-trigger .clip-index{color:#8a7d68;font:700 10px "DM Sans"}.clip-trigger .clip-title{font-weight:900}.clip-trigger .clip-category{font-weight:800;color:var(--burnt)}.clip-trigger .clip-time{font-size:10px;color:#685f50}.clip-detail{padding:15px 20px 23px 49px;background:#f2e9d8;display:grid;grid-template-columns:min(45%,380px) 1fr;gap:24px;align-items:center}.clip-detail img{width:100%;aspect-ratio:12/5;object-fit:cover}.clip-detail h4{margin:0 0 10px}.clip-detail .label-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.clip-detail .label-chips span{font-size:11px;background:#fff;padding:5px 7px;border-left:3px solid var(--chip)}.clip-detail p{font-size:11px;overflow-wrap:anywhere}.clip-detail-actions{display:flex;gap:16px;align-items:center}.clip-detail-actions button,.clip-detail-actions a{border:0;background:var(--ink);color:var(--paper);text-decoration:none;font-size:11px;font-weight:800;padding:10px 12px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:24px;font:800 12px "DM Sans"}.pagination button{background:var(--ink);color:var(--paper);border:0;padding:11px 16px}.pagination button:disabled{opacity:.35;cursor:not-allowed}
.blindspot{min-height:760px;background:var(--orange);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;overflow:hidden}.blindspot h2{font-size:clamp(55px,7vw,105px)}.blindspot h2 span{color:#fff5dc}.blindspot-text>p:not(.overline){font-size:17px;line-height:1.8;max-width:550px;margin:23px 0 26px}.blindspot-image{position:relative;transform:rotate(7deg);box-shadow:24px 24px 0 #4b2d183b}.blindspot-image img{width:100%;height:450px;object-fit:cover}.blindspot-stamp{position:absolute;right:-19px;bottom:-20px;padding:12px;background:var(--ink);color:var(--paper);font:800 11px "DM Sans";letter-spacing:.1em}
.decisions{background:var(--paper);min-height:1100px}.decisions h2{font-size:clamp(57px,8vw,115px)}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:72px}.decision-card{min-height:360px;border:2px solid var(--ink);padding:25px;display:flex;flex-direction:column;transition:transform .35s,background .35s,box-shadow .35s}.decision-card:hover{transform:translateY(-13px) rotate(-1deg);box-shadow:12px 15px 0 var(--orange);background:#fff9e7}.decision-card>span{font:800 12px "DM Sans";color:var(--burnt)}.decision-card h3{font-family:"Black Han Sans";font-size:32px;font-weight:400;line-height:1.15;margin:45px 0 20px}.decision-card p{font-size:13px;line-height:1.8}.decision-card small{font-size:10px;font-weight:800;margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.decision-banner{margin-top:80px;border-top:2px solid var(--ink);padding-top:24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.decision-banner p{font-size:clamp(23px,3vw,39px);font-weight:600;line-height:1.4}.decision-banner strong{font-weight:900}.decision-banner span{font:800 13px "DM Sans";line-height:1.5;text-align:right}
.method{background:var(--ink);color:var(--paper);min-height:850px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:9vw}.method h2{font-size:clamp(55px,7vw,100px)}.method p:not(.overline){font-size:14px;line-height:1.85;max-width:580px}.method-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.method-links a{border:1px solid #fff7e980;padding:13px 15px;font-size:12px;font-weight:800;text-decoration:none;transition:background .2s,color .2s}.method-links a:hover{background:var(--orange);color:var(--ink)}.method-ledger{border-top:1px solid #fff7e955}.method-ledger>div{display:flex;justify-content:space-between;border-bottom:1px solid #fff7e955;padding:22px 0;gap:15px;align-items:center}.method-ledger span{font:800 10px "DM Sans";letter-spacing:.12em}.method-ledger b{font:400 30px "Black Han Sans";color:var(--orange)}.method-ledger p{font-size:11px!important;color:#d0c7b7;margin-top:19px}.footer{background:var(--orange);padding:40px 5vw 25px;min-height:550px;display:flex;flex-direction:column;justify-content:space-between}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px;font:800 12px "DM Sans";letter-spacing:.08em}.footer-top a{text-decoration:none;border-bottom:2px solid var(--ink)}.footer-logo{display:grid;place-items:center;flex:1}.footer-logo img{width:min(50vw,470px);mix-blend-mode:multiply}.footer-bottom{border-top:1px solid #1b151180;padding-top:18px;font-family:"Noto Sans KR"}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.split-word{display:inline-block;opacity:.18;transform:translateY(14px);transition:opacity .6s,transform .6s}.in-view .split-word{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.desktop-nav{display:none}.hero-words{font-size:clamp(110px,18vw,240px)}.story-photo{width:150px;height:190px}.anatomy-stage{grid-template-columns:1fr 1fr}.burger-layers{width:360px;height:360px}.gallery-card{flex-basis:42vw}}
@media(max-width:760px){html{scroll-padding-top:66px}.section-pad{padding:100px 22px 110px}.site-header{height:66px;padding:7px 20px}.brand img{width:80px;height:46px}.brand span{font-size:8px}.hero{height:100svh;min-height:670px;padding:88px 22px 26px}.hero-topline span:last-child{display:none}.hero-main{align-items:center}.hero-words{inset:0;display:flex;flex-direction:column;justify-content:space-around;font-size:clamp(92px,24vw,160px);text-align:center}.hero-words span:first-child,.hero-words span:last-child{transform:none}.hero-disc{width:min(75vw,390px);min-width:0}.hero-badge{width:82px;height:82px;right:-5px;top:22%}.hero-badge b{font-size:20px}.hero-badge span,.hero-badge small{font-size:7px}.hero-bottom p{font-size:15px}.hero-bottom-right span{display:none}.circle-link{width:42px;height:42px}.ticker{height:50px}.ticker-track{font-size:17px}.story-intro{min-height:880px;padding:150px 25px}.story-photo{width:95px;height:125px;opacity:.78}.story-photo-a{left:-12px;top:11%}.story-photo-b{right:-17px;top:19%}.story-photo-c{left:-12px;bottom:10%}.display-story{font-size:clamp(42px,10vw,74px)}.story-intro-copy{font-size:13px;margin-top:30px}.overview{min-height:870px;padding-top:110px}.overview h2{font-size:clamp(46px,11vw,77px)}.overview-numbers{margin-top:45px;display:block}.overview-number{border-right:0;border-bottom:1px solid #f7efdc55;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.overview-number strong{font-size:62px;text-align:right}.overview-number small{grid-column:2;text-align:right}.overview-bottom{margin-top:40px}.overview-bottom p{font-size:20px}.anatomy{min-height:1400px}.anatomy-intro h2{font-size:clamp(42px,10vw,72px)}.anatomy-stage{height:auto;min-height:740px;top:78px;display:flex;flex-direction:column;justify-content:center;gap:10px;margin-top:40px}.anatomy-visual{height:360px;width:100%;flex:0 0 360px}.anatomy-ring{width:290px}.burger-layers{width:300px;height:300px}.anatomy-copy{text-align:center;max-width:480px}.anatomy-copy h3{font-size:36px;margin:8px 0}.anatomy-copy>p:not(.anatomy-step){font-size:13px;min-height:45px}.anatomy-controls{justify-content:center;margin-top:5px}.anatomy-status{margin:8px 0}.anatomy-caption{font-size:11px}.distribution{min-height:950px}.distribution h2{font-size:clamp(46px,11vw,75px)}.distribution-grid{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:30px;gap:35px}.distribution-donut{width:270px;margin:0 auto}.donut-center b{font-size:38px}.distribution-bars{gap:12px}.group-bar{grid-template-columns:102px 1fr 58px;gap:8px}.group-bar>span,.group-bar>small{font-size:11px}.distribution-note{margin-top:32px}.distribution-note p{font-size:18px}.journey-heading h2{font-size:clamp(48px,11vw,80px)}.journey-layout{display:block}.journey-visual{height:340px;position:sticky;top:65px;z-index:3;max-height:none;box-shadow:0 10px 26px #0003}.journey-chapter{min-height:68svh;padding:40px 0}.journey-chapter h3{font-size:48px}.journey-chapter .chapter-subtitle{font-size:16px}.journey-chapter .chapter-description{font-size:13px}.gallery{min-height:720px}.gallery-heading h2{font-size:clamp(42px,9vw,72px)}.gallery-card{flex-basis:72vw;min-width:245px}.gallery-card img{height:310px}.gallery-controls button{width:39px;height:39px;font-size:20px}.data-head h2{font-size:clamp(47px,10vw,75px)}.data-stats{grid-template-columns:1fr 1fr}.tab-list{gap:12px}.tab-list button{font-size:12px}.table-intro{display:block}.table-intro h3{font-size:25px;margin-bottom:9px}.activity-list{display:block}.activity-row{margin-bottom:7px}.device-cards{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr 1fr}.clip-trigger{grid-template-columns:20px 1fr 22px}.clip-trigger .clip-device,.clip-trigger .clip-time,.clip-trigger .clip-category{display:none}.clip-detail{grid-template-columns:1fr;padding:14px}.clip-detail img{max-height:230px}.blindspot{display:block;min-height:920px}.blindspot h2{font-size:clamp(48px,11vw,80px)}.blindspot-text>p:not(.overline){font-size:14px}.blindspot-image{margin:55px 18px 0 0}.blindspot-image img{height:330px}.decision-grid{grid-template-columns:1fr;margin-top:40px}.decision-card{min-height:250px}.decision-card h3{margin:25px 0 12px}.decision-banner{margin-top:45px}.decision-banner span{display:none}.method{display:block;min-height:820px}.method h2{font-size:clamp(49px,11vw,80px)}.method-ledger{margin-top:46px}.footer{min-height:450px}.footer-logo img{width:75vw}.footer-bottom{font-size:10px}.menu-overlay nav a{font-size:clamp(32px,9vw,58px)}.menu-overlay nav a span{font-size:11px;margin-right:12px}}
@media(max-width:420px){.brand span{display:none}.hero-topline{font-size:9px}.hero-badge{right:-9px}.journey-visual{height:290px}.filter-row{grid-template-columns:1fr}.gallery-card{flex-basis:83vw}.footer-bottom{display:grid}}
@media(max-width:760px){.anatomy-caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.intro-screen{animation:none;display:none}.ticker-track,.hero-disc-ring,.hero-burger{animation:none!important}.reveal,.split-word,.journey-visual img,.group-bar-fill,.activity-bar span,.menu-overlay{transition:none!important}.reveal{opacity:1;transform:none}.split-word{opacity:1;transform:none}.menu-overlay:not(.open){display:none}}

/* Dailyfix analysis presentation: photographed evidence and a process clock. */
.intro-logo{width:min(42vw,220px)}
.brand{min-width:185px}.brand img{width:52px;height:53px;object-fit:contain;background:transparent;mix-blend-mode:normal}.site-header.on-dark .brand img{background:var(--paper);padding:3px}
.hero-words{font-size:clamp(120px,17vw,300px)}
.hero-evidence{position:relative;z-index:3;width:min(41vw,530px);aspect-ratio:1.08;margin:0;background:#2b251e;border:10px solid var(--paper);box-shadow:16px 19px 0 #211a12;transform:rotate(-3deg);will-change:transform}
.hero-evidence>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-evidence figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;background:rgba(20,18,16,.9);color:#fff5e6;transform:translateY(1px);font-size:12px;font-weight:700}
.hero-evidence figcaption span{font:700 10px "DM Sans",sans-serif;letter-spacing:.1em}
.hero-badge{width:154px;height:82px;top:19%;right:6%;border-radius:0;background:var(--orange);color:var(--ink);box-shadow:6px 7px 0 var(--ink);transform:rotate(0)}
.hero-badge span{font-size:8px;line-height:1}.hero-badge b{font-size:28px}.hero-badge small{font-size:8px}
.clock-visual{--clock-progress:16.67%;--clock-angle:0deg;position:relative;width:min(35vw,470px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ink) 0 var(--clock-progress),#d8c8a6 var(--clock-progress) 100%);box-shadow:0 0 0 19px #eadcba;transition:background .4s}
.clock-visual:before{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--paper)}
.clock-crosshair{position:absolute;z-index:1;background:rgba(25,21,15,.08)}.clock-crosshair-x{height:1px;width:76%}.clock-crosshair-y{width:1px;height:76%}
.clock-hand{position:absolute;z-index:2;width:4px;height:37%;left:calc(50% - 2px);top:13%;border-radius:4px;background:var(--burnt);transform-origin:center bottom;transform:rotate(var(--clock-angle));transition:transform .6s cubic-bezier(.22,1,.36,1)}
.clock-center{position:relative;z-index:3;width:37%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);color:var(--paper);box-shadow:0 0 0 6px var(--orange)}
.clock-center b{font:400 clamp(55px,7vw,92px)/1 "Black Han Sans",sans-serif}.clock-center small{font:800 12px "DM Sans",sans-serif;letter-spacing:.12em}
.clock-ring-label{position:absolute;z-index:1;bottom:6%;font:800 11px "DM Sans",sans-serif;letter-spacing:.13em}
.footer-logo img{width:min(32vw,300px);mix-blend-mode:normal}
@media(max-width:760px){.brand{min-width:72px}.brand img{width:47px;height:47px}.hero-words{font-size:clamp(90px,23vw,150px)}.hero-evidence{width:min(75vw,345px);aspect-ratio:1.1;border-width:6px;box-shadow:8px 9px 0 var(--ink)}.hero-evidence figcaption{display:block;font-size:9px;padding:8px}.hero-evidence figcaption span{display:block;font-size:7px;margin-bottom:2px}.hero-badge{width:94px;height:69px;right:0;top:17%}.hero-badge b{font-size:19px}.hero-badge span,.hero-badge small{font-size:7px}.clock-visual{width:min(72vw,310px);box-shadow:0 0 0 12px #eadcba}.clock-center b{font-size:59px}.clock-center small{font-size:9px}.clock-ring-label{font-size:8px}.footer-logo img{width:55vw}}

.branches{background:#e8d6b8;min-height:1000px}
.branches-head{max-width:950px}.branches-head h2{font-size:clamp(49px,7vw,98px)}.branches-head>p:last-child{max-width:735px;font-size:15px;line-height:1.75;margin:23px 0 0}
.branch-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px;margin:52px 0 50px}
.branch-card{border:2px solid var(--ink);background:#f7efdc;padding:22px;min-height:310px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.branch-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--orange)}.branch-card-index{font:800 11px "DM Sans",sans-serif;letter-spacing:.13em;color:var(--burnt)}
.branch-card h3{font:400 clamp(23px,2.6vw,36px)/1.22 "Black Han Sans",sans-serif;margin:18px 0 21px}.branch-card-main{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:17px}.branch-card-main strong{font:400 41px "Black Han Sans",sans-serif}.branch-card-main span{font-size:11px;font-weight:700}.branch-card dl{margin:auto 0 0;padding-top:16px}.branch-card dl div{display:flex;justify-content:space-between;gap:9px;font-size:11px;padding:4px 0}.branch-card dt{color:#655748}.branch-card dd{margin:0;text-align:right;font-weight:800}
.branch-compare-panel{background:var(--ink);color:var(--paper);padding:36px;max-width:1180px}.branch-compare-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.branch-compare-heading .overline{color:var(--orange);margin-bottom:8px}.branch-compare-heading h3{font:400 clamp(24px,3vw,38px) "Black Han Sans",sans-serif;margin:0}.branch-mode{display:flex;gap:6px;flex-wrap:wrap}.branch-mode button{border:1px solid #f7efdc80;background:transparent;color:var(--paper);font-size:11px;font-weight:800;padding:10px 12px}.branch-mode button.active{background:var(--orange);border-color:var(--orange);color:var(--ink)}.branch-compare-bars{display:grid;gap:18px;margin-top:36px}.branch-compare-row{display:grid;grid-template-columns:170px 1fr 75px;align-items:center;gap:18px}.branch-compare-row b{font-size:14px}.branch-compare-row strong{font:800 17px "DM Sans";text-align:right;color:var(--orange)}.branch-compare-track{height:20px;background:#ffffff20;border-radius:20px;overflow:hidden}.branch-compare-track span{height:100%;display:block;background:var(--orange);border-radius:20px;transition:width .6s cubic-bezier(.22,1,.36,1)}.branch-compare-note{font-size:11px;line-height:1.6;color:#dfd2be;margin:22px 0 0}.branch-caveat{max-width:900px;border-left:3px solid var(--burnt);padding-left:16px;margin-top:28px;font-size:12px;line-height:1.7}.branch-caveat p{margin:5px 0 0}
.activity-branch-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 24px}.activity-branch-buttons button{border:1px solid var(--ink);background:transparent;padding:8px 12px;font-size:11px;font-weight:800}.activity-branch-buttons button.active{background:var(--ink);color:var(--paper)}
.filter-row{grid-template-columns:1fr 1fr 1fr 1.2fr 1.5fr}
@media(max-width:760px){.branches{min-height:0}.branches-head h2{font-size:clamp(42px,10vw,74px)}.branches-head>p:last-child{font-size:13px}.branch-card-grid{grid-template-columns:1fr;margin:34px 0}.branch-card{min-height:255px}.branch-compare-panel{padding:25px 19px}.branch-compare-heading{display:block}.branch-mode{margin-top:18px}.branch-compare-row{grid-template-columns:90px 1fr 52px;gap:8px}.branch-compare-row b{font-size:11px}.branch-compare-row strong{font-size:12px}.branch-compare-track{height:14px}.filter-row{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.filter-row{grid-template-columns:1fr}}
