html.technology-page-html{scroll-snap-type:none;scroll-behavior:smooth;scroll-padding-top:130px}
body.technology-page-body{margin:0;background:#081633;color:#f4f1e8;font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;overflow-x:hidden}
.technology-page-body *{box-sizing:border-box}.technology-page-body .site-header{z-index:500}
.technology-page-body h1,.technology-page-body h2,.technology-page-body h3,.technology-page-body h4{letter-spacing:-.055em;word-break:keep-all}
.technology-page-body a{text-decoration:none}.technology-page-body img{display:block;max-width:100%}
.tech-hero{min-height:760px;position:relative;isolation:isolate;background:linear-gradient(128deg,#06122b,#102f53 75%,#08162d);padding:130px 5vw 65px;overflow:hidden}
.tech-hero-glow{position:absolute;inset:-25% 0 0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 40%,#7b8c8545,transparent 45%),repeating-linear-gradient(90deg,transparent 0,transparent 16%,#dcc0950c 16.05%,transparent 16.12%)}
.tech-hero-inner,.tech-shell{width:min(1300px,100%);margin:auto}.tech-hero-inner{display:grid;grid-template-columns:1.25fr .68fr;gap:clamp(28px,5vw,95px);align-items:center}
.tech-eyebrow{color:#d9b878;font:700 .74rem Georgia,serif;letter-spacing:.18em;margin:0 0 21px}.tech-hero-subline{font-weight:650;color:#e2e7e8;font-size:.9rem;margin:0}
.tech-hero h1{font-size:clamp(2.65rem,5vw,5.45rem);line-height:1.17;margin:25px 0 24px}.tech-hero h1 span{color:#e3c18b}
.tech-hero-lead{font-size:clamp(.98rem,1.25vw,1.15rem);color:#d3dfe7;line-height:1.95;max-width:740px}
.tech-hero-links{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.tech-btn{display:inline-block;padding:15px 22px;border-radius:5px;font-weight:750;font-size:.86rem;transition:background .2s,color .2s}.tech-btn.gold{background:#e7c78c;color:#142847}.tech-btn.outline{border:1px solid #cbac79;color:#f0d7aa}.tech-btn:hover{filter:brightness(1.08)}.tech-hero-note{font-size:.78rem;line-height:1.75;color:#a8bdd1}
.tech-portrait{position:relative;margin:0;background:#102640;border:1px solid #dabd8680;border-radius:7px;overflow:hidden;box-shadow:0 20px 75px #0006;width:min(100%,360px);justify-self:center}
.tech-portrait img{display:block;width:100%;height:auto}.tech-portrait figcaption{display:grid;gap:6px;background:linear-gradient(#06142c,#06142cfa);padding:19px 23px 25px}.tech-portrait figcaption span{color:#d6b57c;letter-spacing:.12em;font-size:.63rem}.tech-portrait figcaption strong{font-size:1.65rem;white-space:nowrap}.tech-portrait figcaption small{color:#bacbdd}
.tech-anchor{position:sticky;top:76px;z-index:80;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(16px,2.5vw,48px);padding:19px;background:#081b35ef;border-bottom:1px solid #ba9f694d;backdrop-filter:blur(14px)}
.tech-anchor span{font-size:.67rem;color:#dcbb83;letter-spacing:.14em;font-weight:750}.tech-anchor a{font-size:.87rem;color:#e0e9f2;font-weight:700}.tech-anchor a:hover{color:#efca92}
.tech-intro{padding:100px 5vw 55px;background:linear-gradient(140deg,#f4f0e7,#e8e1d4);color:#17263b}.tech-intro .tech-eyebrow{color:#9b753a}.tech-intro h2{font-size:clamp(2.3rem,4.3vw,4.8rem);line-height:1.14;margin:0 0 25px}.tech-intro h2 span{color:#a6814d}.tech-intro .tech-shell>p:last-child{max-width:780px;line-height:1.9;color:#536276;font-size:1rem}
.tech-item{padding:80px max(5vw,24px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;background:#f4efe6;color:#192c42}.tech-item:nth-of-type(even){background:#edf0ec}.tech-item:nth-of-type(odd) .tech-photo-space{background:linear-gradient(135deg,#e7e1d5,#faf6ec)}
.tech-photo-space{height:490px;min-width:0;position:relative;background:linear-gradient(135deg,#d6dfdc,#f7f7f0);border:1px solid #ba9f6966;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tech-photo-space:before{content:'';position:absolute;inset:25px;border:1px solid #b998675c;pointer-events:none}
.shape-overline{position:absolute;top:45px;left:47px;right:30px;font:700 .68rem Georgia,serif;color:#96784f;letter-spacing:.1em}.shape{width:90%;max-width:520px}.shape svg{display:block;width:100%;filter:drop-shadow(0 18px 20px #8177601f)}.shape-caption{position:absolute;bottom:42px;left:45px;right:45px;font-size:.74rem;color:#827964;text-align:center}
.tech-item-body{max-width:625px}.tech-item-no{font:400 3rem Georgia,serif;color:#a98b58;display:flex;gap:16px;align-items:baseline}.tech-item-no span{font:700 .72rem Georgia,serif;letter-spacing:.1em}.tech-item h3{font-size:clamp(2.1rem,3.2vw,3.45rem);margin:10px 0 17px}.tech-item h4{font-size:1.23rem;margin:0 0 20px;color:#856b49}.tech-item-body>p{line-height:1.94;color:#586575;font-size:.94rem}
.tech-features{list-style:none;margin:28px 0 24px;padding:0;border-top:1px solid #a9977b80}.tech-features li{padding:15px 0;border-bottom:1px solid #b6a88f64;display:grid;grid-template-columns:130px 1fr;gap:14px}.tech-features b{font-size:.87rem}.tech-features span{font-size:.85rem;line-height:1.7;color:#596374}.tech-included{padding:18px 20px;background:#e1d9c929;border:1px solid #b8a48080;border-radius:5px;display:grid;gap:6px}.tech-included span{font-size:.7rem;letter-spacing:.1em;color:#997d50;font-weight:800}.tech-included strong{font-size:.92rem;line-height:1.7}.tech-item-tags{font-size:.8rem;color:#916c37;margin-top:18px;font-weight:700}
.uni-intro{background:#0e2745;color:#f8f6ef}.uni-intro .tech-eyebrow,.uni-intro h2 span{color:#e7c38b}.uni-intro .tech-shell>p:last-child{color:#c5d2df}
.tech-philosophy{padding:115px 5vw;background:#091b35}.tech-philosophy h2{font-size:clamp(2rem,4.2vw,4rem);line-height:1.34}.tech-philosophy h2 span{color:#e9ca94}.tech-philosophy .tech-shell>p:not(.tech-eyebrow){max-width:910px;color:#c9d7e5;line-height:1.94}
.tech-philosophy-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:50px 0}.tech-philosophy-points div{border:1px solid #c5a57070;padding:26px 22px;display:grid;gap:12px}.tech-philosophy-points span{font:400 3.2rem Georgia,serif;color:#cba66c}.tech-philosophy-points strong{font-size:1.2rem}.tech-philosophy-points small{color:#c6d3df;line-height:1.6}
.tech-disclaimer{font-size:.78rem;color:#a8bbd0!important;margin:30px 0}.tech-last{text-align:center;background:radial-gradient(circle at 50% 0,#25416b,#07152e 75%);padding:95px 5vw}.tech-last h2{font-size:clamp(2rem,3.7vw,3.5rem)}.tech-last h2 em{font-style:normal;color:#e7c88c}.tech-last p:not(.tech-eyebrow){color:#cad6e1;line-height:1.9}.tech-last a{display:inline-block;margin-top:20px;color:#e6c38a;border-bottom:1px solid #e6c38a}.tech-footer{text-align:center;padding:25px;background:#071327;color:#9eb4ca;font-size:.77rem}
@media(max-width:950px){.tech-hero-inner{grid-template-columns:1fr .6fr}.tech-item{grid-template-columns:1fr 1.2fr;gap:28px}.tech-photo-space{height:400px}.tech-features li{grid-template-columns:1fr;gap:5px}}
@media(max-width:700px){.tech-hero{padding:125px 22px 60px}.tech-hero-inner{display:flex;flex-direction:column-reverse;align-items:stretch}.tech-portrait{width:min(100%,260px);align-self:center}.tech-portrait figcaption{padding:12px 14px}.tech-portrait figcaption strong{font-size:1.15rem}.tech-hero h1{font-size:2.7rem}.tech-hero-lead{font-size:.95rem}.tech-anchor{top:66px;justify-content:flex-start;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;gap:22px;white-space:nowrap}.tech-anchor span{display:none}.tech-anchor a{font-size:.76rem}.tech-intro{padding:64px 22px 43px}.tech-item{grid-template-columns:1fr;padding:38px 22px 65px;gap:30px}.tech-photo-space{height:290px}.shape-overline{left:25px;top:28px;font-size:.56rem}.shape-caption{bottom:22px;font-size:.67rem;left:20px;right:20px}.tech-item h3{font-size:2.2rem}.tech-features li{grid-template-columns:115px 1fr}.tech-philosophy{padding:80px 23px}.tech-philosophy-points{grid-template-columns:1fr;gap:10px}.tech-last{padding:70px 22px}.tech-hero-links{gap:10px}}
@media(prefers-reduced-motion:reduce){html.technology-page-html{scroll-behavior:auto}.tech-btn{transition:none}}

/* Original supplied product photography - v8.1 */
.tech-photo-space{background:#0e141e!important;border-color:#a98b5880}.tech-photo-space:before{border-color:#b9986740;z-index:2;pointer-events:none}.tech-photo-space .shape-overline{color:#edd8af;z-index:3;text-shadow:0 1px 3px #000c}.tech-photo-space .shape-caption{color:#d8d4cb;z-index:3;background:#071424b3;border-radius:4px;padding:8px}.real-photo-group{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:22px}.real-photo-group img{width:100%;height:100%;object-fit:contain;min-width:0;max-height:100%;border-radius:4px}.real-photo-group img+img{width:40%;height:80%;border:1px solid #f5e6c138}@media(max-width:700px){.real-photo-group{padding:12px}.tech-photo-space .shape-caption{font-size:.63rem}}

/* v9 brand separation: Kim Mi-kyeong's independent brand */
.tech-brand-identity{margin:22px 0 26px;padding:19px 23px;display:grid;gap:5px;border-left:3px solid #dbbb7f;background:linear-gradient(90deg,#0c1529dd,#1a3145aa);width:max-content;max-width:100%;box-shadow:inset 0 0 0 1px #c69e6144}
.tech-brand-label{font:700 .66rem Georgia,serif;letter-spacing:.15em;color:#dbc8a6}.tech-brand-name{font:700 clamp(1.3rem,2.1vw,2.25rem) Georgia,serif;color:#f2daac;letter-spacing:.012em}.tech-brand-owner{font-size:.79rem;color:#c2d1e0}
@media(max-width:700px){.tech-brand-identity{padding:13px 16px}.tech-brand-name{font-size:1.55rem}}

/* v20 — tools curated within their corresponding lines, not separate numbered products */
.tech-tool-feature{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:0.83fr 1.17fr;gap:clamp(22px,4vw,65px);align-items:center;padding:42px;background:#e7e0d3;color:#1b3046;border:1px solid #b19b7866;border-radius:13px;box-shadow:0 18px 45px #0a182d12}
.tech-item + .tech-tool-feature{margin-top:14px;margin-bottom:88px}
.tech-tool-photo{position:relative;height:400px;background:radial-gradient(ellipse at 50% 35%,#334158,#0d1829 85%);border-radius:10px;border:1px solid #d8b87e57;display:flex;justify-content:center;align-items:center;overflow:hidden}
.tech-tool-photo > img{width:100%;height:98%;object-fit:contain;padding:30px 35px 18px;filter:drop-shadow(0 18px 20px #0004)}
.tech-tool-photo-label{position:absolute;z-index:2;top:18px;left:23px;color:#e8c994;font:700 .7rem Georgia,serif;letter-spacing:.12em}
.tech-tool-eyebrow{color:#8b692f;font:700 .74rem Georgia,serif;letter-spacing:.14em;margin:0 0 14px}
.tech-tool-content h3{font-size:clamp(1.8rem,2.7vw,2.9rem);letter-spacing:-.045em;line-height:1.26;margin:0 0 18px}
.tech-tool-content p{max-width:640px;font-size:.94rem;line-height:1.92;color:#546276;margin:0 0 14px}
.tech-tool-content .tech-tool-lead{color:#95723f;font-size:1.06rem;font-weight:750}
.tech-tool-content .tech-tool-note{font-size:.82rem;border-top:1px solid #c9b99e;padding-top:16px;margin-top:24px;color:#725a40}



.unit-tool-feature{background:#e7ebe8}
@media(max-width:1350px){.tech-tool-feature{margin-left:5vw!important;margin-right:5vw!important}}
@media(max-width:700px){.tech-tool-feature{grid-template-columns:1fr;padding:16px;margin-left:22px!important;margin-right:22px!important;gap:24px}.tech-item+.tech-tool-feature{margin-top:0;margin-bottom:55px}.tech-tool-photo{height:320px}.tech-tool-photo>img{padding:22px 30px 12px}.tech-tool-photo-label{font-size:.57rem;left:15px;top:14px}.tech-tool-content{padding:2px 7px 15px}.tech-tool-content h3{font-size:1.95rem}.tech-tool-content p{font-size:.87rem}}

.tech-elastic-example figure {
  margin: 0;
}

.tech-unit-details {
  padding-top: 40px;
  padding-bottom: 64px;
}
.tech-unit-details h2 {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  margin-bottom: 24px;
}
.tech-unit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 24px);
}
.tech-unit-photo { margin: 0; }
.tech-unit-photo a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  background: #17191b;
}
.tech-unit-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.tech-unit-photo figcaption {
  padding-top: 10px;
  color: #3c4a57;
  font-size: 0.88rem;
  line-height: 1.5;
}
@media (max-width: 680px) {
  .tech-unit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tech-unit-presser-photos {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 42px 12px 12px;
}
.tech-unit-presser-photos a {
  display: block;
  min-width: 0;
  min-height: 0;
  border-radius: 5px;
  background: #151b21;
}
.tech-unit-presser-photos a:first-child { grid-row: span 2; }
.tech-unit-presser-photos img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}