*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color:#0f172a;background:#fff;font-family:Inter,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}::-moz-selection{color:#fff;background:#2563eb}::selection{color:#fff;background:#2563eb}:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.intro-gate{position:fixed;z-index:500;inset:0;overflow-y:auto;background:#fff}.intro-gate-inner{display:grid;min-height:100%;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}.intro-portrait-panel{display:grid;place-items:center;border-right:1px solid #cbd5e1;background:linear-gradient(#f8fafcdb,#f8fafcdb),linear-gradient(to right,#dbe3ee 1px,transparent 1px),linear-gradient(to bottom,#dbe3ee 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;padding:clamp(28px,5vw,78px)}.intro-portrait-frame{position:relative;width:min(100%,530px);overflow:hidden;border:1px solid #0f172a;border-radius:3px;background:#fff;box-shadow:18px 18px #dbeafe;animation:intro-portrait-in .6s ease both}.intro-portrait-frame img{display:block;width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 38%;object-position:50% 38%}.intro-portrait-frame>span{position:absolute;right:14px;bottom:14px;border:1px solid #0f172a;background:#fffffff0;padding:8px 10px;color:#0f172a;font-size:.55rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.intro-copy-panel{display:flex;max-width:900px;flex-direction:column;justify-content:center;padding:clamp(50px,8vw,130px);animation:intro-copy-in .65s .1s ease both}.intro-overline{margin:0;color:#2563eb;font-size:.65rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.intro-copy-panel h1{margin:28px 0 0;font-size:clamp(2.4rem,3.5vw,4.6rem);font-weight:760;line-height:1.02;letter-spacing:-.07em}.intro-title-line{display:block;white-space:nowrap}.intro-copy-panel h1 em{display:block;color:#2563eb;font-style:normal}.intro-copy-panel>p:not(.intro-overline){max-width:710px;margin:32px 0 0;color:#475569;font-size:1rem;line-height:1.9;word-break:keep-all}.intro-domain-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.intro-domain-list span{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;padding:7px 11px;color:#334155;font-size:.6rem;font-weight:800;letter-spacing:.06em}.intro-enter-button{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:48px;margin-top:46px;border:1px solid #0f172a;border-radius:8px;background:#0f172a;padding:15px 18px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:850;letter-spacing:.08em;transition:background-color .16s ease,transform .16s ease}.intro-enter-button:hover{transform:translateY(-2px);background:#2563eb}.intro-enter-button span{font-size:1rem}.intro-copy-panel>small{margin-top:12px;color:#94a3b8;font-size:.58rem}@keyframes intro-portrait-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-copy-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio{min-height:100vh;background:#fff}.site-container{width:min(calc(100% - 48px),1440px);margin:0 auto}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgb(226 232 240 / .9);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{display:grid;width:min(calc(100% - 48px),1560px);min-height:68px;margin:0 auto;grid-template-columns:210px minmax(0,1fr) 150px;align-items:center;gap:24px}.header-brand{display:flex;min-width:0;align-items:center;gap:9px}.header-back-button{display:inline-flex;min-height:29px;flex:0 0 auto;align-items:center;gap:5px;border:1px solid #dbe3ee;border-radius:7px;background:#fff;padding:0 8px;color:#64748b;font-size:.56rem;font-weight:750;cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.header-back-button:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.wordmark{min-width:0;border:0;background:transparent;padding:0;font-size:.9rem;font-weight:850;letter-spacing:-.04em;text-align:left;cursor:pointer}.wordmark span{color:#2563eb}.header-nav{display:flex;min-width:0;align-items:stretch;justify-content:center;gap:clamp(14px,2vw,32px)}.header-nav a{position:relative;display:flex;min-height:68px;align-items:center;color:#64748b;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .16s ease}.header-nav a:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;transform:scaleX(0);background:#2563eb;content:"";transition:transform .16s ease}.header-nav a:hover,.header-nav a.is-active{color:#0f172a}.header-nav a.is-active:after{transform:scaleX(1)}.header-contact{display:inline-flex;align-items:center;justify-content:space-between;border-radius:8px;background:#0f172a;color:#fff;padding:10px 13px;font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:background-color .16s ease,transform .16s ease}.header-contact:hover{transform:translateY(-1px);background:#2563eb}.hero{position:relative;min-height:calc(100vh - 68px);overflow:hidden;border-bottom:1px solid #e2e8f0}.hero-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(to right,#e8eef6 1px,transparent 1px),linear-gradient(to bottom,#e8eef6 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom right,#000,transparent 80%);mask-image:linear-gradient(to bottom right,#000,transparent 80%)}.hero:after{position:absolute;right:-180px;bottom:-260px;width:720px;height:720px;border:1px solid #dbeafe;border-radius:50%;box-shadow:0 0 0 90px #dbeafe40,0 0 0 180px #eff6ff59;content:""}.hero-inner{position:relative;z-index:1;display:grid;min-height:calc(100vh - 68px);grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:clamp(60px,8vw,140px);padding-top:80px;padding-bottom:80px}.hero-copy{max-width:950px}.hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#475569;font-size:.72rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.hero-kicker span{width:30px;height:1px;background:#2563eb}.hero h1{margin:0;font-size:clamp(3.7rem,7.2vw,7.5rem);font-weight:750;line-height:.98;letter-spacing:-.075em}.hero h1 em{color:#2563eb;font-style:normal}.hero-description{max-width:700px;margin:34px 0 0;color:#475569;font-size:clamp(1rem,1.2vw,1.16rem);line-height:2;word-break:keep-all}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:space-between;gap:30px;border:1px solid #0f172a;border-radius:8px;padding:0 17px;font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:transform .16s ease,background-color .16s ease,color .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#0f172a;color:#fff}.button-primary:hover{background:#2563eb;border-color:#2563eb}.button-secondary{background:#fff}.button-secondary:hover{background:#f8fafc}.hero-summary{overflow:hidden;border:1px solid #dbe3ee;border-radius:16px;background:#ffffffd1;box-shadow:0 24px 70px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.summary-label{margin:0;border-bottom:1px solid #e2e8f0;padding:17px 20px;color:#64748b;font-size:.62rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.summary-list{padding:0 20px}.summary-item{display:grid;grid-template-columns:32px 1fr;gap:14px;border-bottom:1px solid #e2e8f0;padding:18px 0}.summary-item>span{color:#2563eb;font-size:.63rem;font-weight:800;letter-spacing:.08em}.summary-item div{display:grid;gap:6px}.summary-item strong{font-size:.92rem;letter-spacing:-.02em}.summary-item small{color:#64748b;font-size:.68rem;line-height:1.5}.summary-status{display:flex;align-items:center;gap:9px;background:#f8fafc;padding:15px 20px;color:#475569;font-size:.66rem;font-weight:700}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.content-section{padding:130px 0;border-bottom:1px solid #e2e8f0}.section-heading{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px}.section-eyebrow{margin:8px 0 0;color:#2563eb;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-heading h2,.architecture-section-heading h2{max-width:930px;margin:0;font-size:clamp(2.2rem,4vw,4.3rem);font-weight:720;line-height:1.15;letter-spacing:-.06em;word-break:keep-all}.section-heading>div>p,.architecture-section-heading>div>p{max-width:760px;margin:24px 0 0;color:#64748b;font-size:.98rem;line-height:1.9;word-break:keep-all}.section-body{margin-top:64px}.credentials-entry{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgb(219 234 254 / .6),transparent 25%),#fff}.credentials-entry .section-heading{animation:credentials-heading-in .52s ease both}@keyframes credentials-heading-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.credential-card{display:flex;min-height:270px;flex-direction:column;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:24px;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.credential-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 18px 45px #0f172a14}.credential-card-featured{border-color:#bfdbfe;background:linear-gradient(145deg,#eff6ff,#fff 58%)}.credential-topline,.credential-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.credential-topline>span{color:#2563eb;font-size:.68rem;font-weight:850;letter-spacing:.1em}.credential-topline small,.credential-footer{color:#94a3b8;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.credential-card h3{margin:34px 0 0;font-size:1.45rem;line-height:1.35;letter-spacing:-.045em}.credential-card>p{margin:16px 0 0;color:#64748b;font-size:.82rem;line-height:1.8}.credential-footer{margin-top:auto;border-top:1px solid #e2e8f0;padding-top:17px}.credential-card-featured .credential-footer span:last-child{color:#2563eb}.skill-board{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px}.skill-level-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:12px 28px}.skill-level-legend span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:.56rem;font-weight:750}.skill-level-legend i{width:7px;height:7px;border-radius:50%}.skill-level-legend i[data-level=verified]{background:#2563eb}.skill-level-legend i[data-level=implemented]{background:#059669}.skill-level-legend i[data-level=learning]{background:#d97706}.skill-group{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;border-bottom:1px solid #e2e8f0;padding:28px}.skill-group:last-child{border-bottom:0}.skill-group-heading h3{margin:0;font-size:.96rem;letter-spacing:-.02em}.skill-group-heading p{margin:8px 0 0;color:#94a3b8;font-size:.7rem;line-height:1.65}.skill-group ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.skill-group li{display:inline-flex;min-height:36px;align-items:center;gap:8px;border:1px solid #dbe3ee;border-radius:999px;background:#f8fafc;padding:5px 13px 5px 7px;color:#334155;font-size:.72rem;font-weight:650;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.skill-group li:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.skill-level{border-radius:999px;padding:3px 6px;font-size:.43rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.skill-level[data-level=verified]{background:#dbeafe;color:#1d4ed8}.skill-level[data-level=implemented]{background:#d1fae5;color:#047857}.skill-level[data-level=learning]{background:#fef3c7;color:#b45309}.skill-logo{display:grid;width:25px;height:25px;flex:0 0 auto;overflow:hidden;place-items:center;border:1px solid #e2e8f0;border-radius:50%;background:#fff;color:#64748b;font-size:.42rem;font-weight:850}.skill-logo img{display:block;width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.skill-logo.is-wide img{width:21px;height:15px}.skill-logo.is-cropped img{width:19px;height:19px;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center}.practice-notes{border-top:1px solid #cbd5e1}.practice-note{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:56px;border-bottom:1px solid #e2e8f0;padding:32px 0 34px}.practice-note-heading p{margin:0 0 11px;color:#2563eb;font-size:.68rem;font-weight:750}.practice-note-heading h3{margin:0;font-size:1.3rem;line-height:1.4;letter-spacing:-.04em;word-break:keep-all}.practice-note-body{align-self:center}.practice-role{margin:0;color:#64748b;font-size:.68rem;font-weight:700;line-height:1.6}.practice-description{max-width:820px;margin:13px 0 0;color:#475569;font-size:.84rem;line-height:1.85;word-break:keep-all}.practice-velog-note{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:25px 0 0}.practice-velog-note p{margin:0;color:#64748b;font-size:.78rem;line-height:1.7;word-break:keep-all}.practice-velog-note a{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;border-bottom:1px solid #0f172a;padding-bottom:3px;color:#0f172a;font-size:.72rem;font-weight:750}.practice-velog-note a:hover{border-color:#2563eb;color:#2563eb}.approach-list{border-top:1px solid #cbd5e1}.approach-list article{display:grid;grid-template-columns:70px 330px minmax(0,1fr);gap:32px;border-bottom:1px solid #e2e8f0;padding:27px 0}.approach-list span{color:#2563eb;font-size:.68rem;font-weight:800}.approach-list h3{margin:0;font-size:1.1rem;letter-spacing:-.035em}.approach-list p{max-width:760px;margin:0;color:#64748b;font-size:.84rem;line-height:1.85;word-break:keep-all}.architecture-section{padding:130px 0 0;border-bottom:1px solid #e2e8f0;background:#fff}.architecture-section-heading{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;padding-bottom:64px}.architecture-fullbleed{width:100%;margin:0}.architecture-lab{--platform-color: #326ce5;--platform-soft: #eef5ff;--platform-line: #9cc2ff;overflow:hidden;border:1px solid #cbd5e1;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 30px 90px #0f172a17}.architecture-lab[data-platform=aws]{--platform-color: #e8790b;--platform-soft: #fff7ed;--platform-line: #fdba74}.architecture-toolbar{display:grid;min-height:70px;grid-template-columns:auto auto 1fr;align-items:center;gap:30px;border-bottom:1px solid #e2e8f0;padding:0 20px}.architecture-tabs,.architecture-mode-tabs,.canvas-controls{display:flex;align-items:center}.architecture-tabs{height:100%;gap:6px}.architecture-tabs button,.architecture-mode-tabs button{position:relative;border:0;border-radius:7px;background:transparent;color:#64748b;cursor:pointer;font-size:.67rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;transition:background-color .15s ease,color .15s ease}.architecture-tabs button{display:flex;align-items:center;gap:10px;padding:11px 14px}.architecture-tabs button span{color:#94a3b8;font-size:.55rem}.architecture-tabs button:hover,.architecture-tabs button.is-active,.architecture-mode-tabs button:hover,.architecture-mode-tabs button.is-active{background:var(--platform-soft);color:var(--platform-color)}.architecture-mode-tabs{gap:4px;border-left:1px solid #e2e8f0;padding-left:30px}.architecture-mode-tabs button{padding:10px 12px}.canvas-controls{justify-self:end;overflow:hidden;border:1px solid #dbe3ee;border-radius:8px}.canvas-controls button,.canvas-controls>span{display:grid;height:34px;min-width:36px;place-items:center;border:0;border-right:1px solid #dbe3ee;background:#fff;color:#475569;cursor:pointer;font-size:.7rem;font-weight:750}.canvas-controls button:hover,.canvas-controls button.is-active{background:#f1f5f9;color:#0f172a}.canvas-controls>span{min-width:52px;border-right:0;color:#94a3b8;cursor:default;font-size:.58rem}.architecture-context{display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:34px;border-bottom:1px solid #e2e8f0;padding:22px 24px;background:#f8fafc}.architecture-context>div:first-child>p{margin:0;color:var(--platform-color);font-size:.56rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.architecture-context h3{margin:6px 0 0;font-size:1.3rem;letter-spacing:-.04em}.architecture-context>p{max-width:720px;margin:0;color:#64748b;font-size:.76rem;line-height:1.7}.context-tools{display:grid;justify-items:end;gap:10px}.architecture-overlay-tabs{display:flex;overflow:hidden;border:1px solid #dbe3ee;border-radius:8px;background:#fff}.architecture-overlay-tabs button{border:0;border-right:1px solid #dbe3ee;background:#fff;padding:8px 10px;color:#64748b;cursor:pointer;font-size:.5rem;font-weight:800;letter-spacing:.03em}.architecture-overlay-tabs button:last-child{border-right:0}.architecture-overlay-tabs button:hover,.architecture-overlay-tabs button.is-active{background:var(--platform-soft);color:var(--platform-color)}.interaction-hint{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:.56rem;white-space:nowrap}.interaction-hint span{color:#475569;font-weight:800}.interaction-hint i{width:2px;height:2px;margin:0 3px;border-radius:50%;background:#94a3b8}.canvas-frame{position:relative;overflow:hidden;background:#f7faff}.diagram-viewport{position:relative;overflow-x:auto;overflow-y:hidden;padding:16px;cursor:grab;scrollbar-color:#94a3b8 #e2e8f0;scrollbar-width:thin;touch-action:pan-y pinch-zoom}.diagram-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diagram-transform-shell{position:relative;min-width:1px;min-height:1px;margin:0 auto}.diagram-map{position:absolute;top:0;left:0;min-height:620px;border:1px solid #dbe3ee;border-radius:14px;background:linear-gradient(#fffffff7,#fffffff7),radial-gradient(#cbd5e1 .8px,transparent .8px);background-size:auto,18px 18px;box-shadow:0 18px 55px #0f172a0f;padding:22px}.kubernetes-map{min-height:760px}.k8s-external-row{display:flex;justify-content:center}.k8s-external-row .browser-zone{width:420px}.k8s-external-row .browser-zone .zone-node-list{grid-template-columns:minmax(0,1fr)}.cluster-boundary,.vpc-boundary{overflow:visible;border:2px solid var(--platform-color);border-radius:16px;background:#f8fbffd9;padding:16px}.boundary-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.boundary-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:11px;background:var(--platform-color);color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.04em}.boundary-icon-official{border:1px solid #dbe3ee;background:#fff}.boundary-icon-official img{display:block;width:31px;height:31px;-o-object-fit:contain;object-fit:contain}.boundary-title>div{display:grid;gap:4px}.boundary-title strong{color:#0f3e86;font-size:1rem;letter-spacing:-.025em}.architecture-lab[data-platform=aws] .boundary-title strong{color:#9a3412}.boundary-title small{color:#64748b;font-size:.57rem;font-weight:600}.cluster-content{display:grid;grid-template-columns:215px minmax(0,1fr) 220px;align-items:stretch;gap:14px}.namespace{position:relative;border:1px solid #bfdbfe;border-radius:12px;background:#ffffffe0;padding:12px}.namespace-spring:after{position:absolute;z-index:4;top:62%;right:-15px;width:15px;border-top:1px dashed #a855f7;content:""}.namespace-spring:before{position:absolute;z-index:5;top:calc(62% - 3px);right:-16px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #a855f7;content:""}.namespace-ingress{border-color:#bbf7d0;background:#f0fdf49e}.namespace-observe{border-color:#ddd6fe;background:#faf5ffab}.namespace-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding:0 2px}.namespace-title span{color:#94a3b8;font-size:.5rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.namespace-title strong{color:#1d4ed8;font-size:.7rem}.namespace-ingress .namespace-title strong{color:#15803d}.namespace-observe .namespace-title strong{color:#7e22ce}.spring-namespace-grid{display:grid;height:calc(100% - 25px);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.architecture-zone{position:relative;min-width:0;border:1px solid #dbe3ee;border-radius:10px;background:#fff;padding:10px}.architecture-zone>header{display:grid;gap:4px;border-bottom:1px solid #e2e8f0;padding:1px 2px 8px}.architecture-zone>header span{color:#334155;font-size:.61rem;font-weight:850;letter-spacing:.04em}.architecture-zone>header small{overflow:hidden;color:#94a3b8;font-size:.48rem;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.zone-node-list{display:grid;gap:8px;margin-top:10px}.security-boundary{margin-top:10px;border:1.5px dashed #dc2626;border-radius:9px;background:#fef2f26b;padding:8px}.security-boundary .zone-node-list{margin-top:8px}.security-boundary-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.security-boundary-title span{color:#b91c1c;font-size:.55rem;font-weight:850}.security-boundary-title small{border-radius:999px;background:#fee2e2;padding:3px 6px;color:#b91c1c;font-size:.4rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.security-rule-list{display:grid;gap:5px;margin:9px 0 0;padding:8px 0 0;border-top:1px dashed #fca5a5;list-style:none}.security-rule-list li{color:#7f1d1d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.43rem;font-weight:700;line-height:1.45}.runtime-control-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.runtime-control-tags span{border:1px solid #bae6fd;border-radius:999px;background:#f0f9ff;padding:4px 6px;color:#0369a1;font-size:.41rem;font-weight:750}.architecture-node{position:relative;display:grid;min-height:68px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:8px;text-align:left;cursor:default;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}.architecture-node:hover,.architecture-node.is-related{border-color:var(--platform-line);box-shadow:0 7px 18px #2563eb17}.architecture-node:hover{z-index:2;transform:translateY(-2px)}.diagram-map.has-focus .architecture-node.is-dimmed{opacity:.36}.diagram-map.has-focus .architecture-node.is-related{opacity:1}.node-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--platform-soft);color:var(--platform-color);font-size:.48rem;font-weight:900;letter-spacing:.02em}.node-mark.has-official-icon,.drawer-mark.has-official-icon{border:1px solid #e2e8f0;background:#fff}.node-mark img{display:block;width:27px;height:27px;-o-object-fit:contain;object-fit:contain}.node-visual-k8s-redis img{width:30px;height:30px;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center}.node-visual-k8s-actions,.node-visual-aws-ci-actions{border-color:#dbe3ee!important;background:#fff!important}.node-visual-k8s-actions img,.node-visual-aws-ci-actions img{width:29px;height:29px}.node-visual-k8s-ghcr,.node-visual-aws-ci-ghcr{border-color:#dbe3ee!important;background:#fff!important}.node-visual-k8s-ghcr img,.node-visual-aws-ci-ghcr img{width:30px;height:30px}.node-visual-k8s-git img,.node-visual-aws-ci-git img{width:28px;height:28px}.node-visual-k8s-argocd img{width:29px;height:29px}.node-copy{display:grid;min-width:0;gap:4px}.node-copy small{overflow:hidden;color:#94a3b8;font-size:.43rem;font-weight:700;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.node-copy strong{overflow:hidden;color:#1e293b;font-size:.65rem;font-weight:760;line-height:1.25;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.architecture-zone-ingress{border-color:#86efac}.architecture-zone-observe{border-color:#d8b4fe}.architecture-zone-observe .node-mark{background:#faf5ff;color:#7e22ce}.architecture-zone-state{border-color:#a5b4fc}.architecture-zone.has-connector:after{position:absolute;z-index:5;top:50%;right:-16px;width:16px;height:1px;background:#64748b;content:""}.architecture-zone.has-connector:before{position:absolute;z-index:6;top:calc(50% - 3px);right:-17px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #64748b;content:""}.browser-zone{align-self:center;box-shadow:0 12px 28px #0f172a14}.browser-zone:after{position:absolute;z-index:5;right:50%;bottom:-35px;width:1px;height:35px;background:#64748b;content:""}.browser-zone:before{position:absolute;z-index:6;right:calc(50% - 3px);bottom:-36px;border-top:5px solid #64748b;border-right:3px solid transparent;border-left:3px solid transparent;content:""}.k8s-entry-arrow{margin:10px 0 12px}.k8s-entry-arrow span{color:#326ce5}.cluster-flow-legend{display:flex;align-items:center;gap:22px;margin-top:14px;border-top:1px solid #dbeafe;padding-top:12px;color:#64748b;font-size:.5rem;font-weight:650}.cluster-flow-legend span{display:flex;align-items:center;gap:7px}.legend-line{width:24px;height:1px;background:#64748b}.legend-line-dashed{background:repeating-linear-gradient(to right,#64748b 0 4px,transparent 4px 7px)}.legend-node{width:12px;height:10px;border:1px solid var(--platform-color);border-radius:2px;background:#fff}.k8s-control-panel{display:grid;gap:12px;margin-top:12px;border:1px solid #bfdbfe;border-radius:10px;background:#f8fbff;padding:13px}.k8s-runtime-panel{grid-template-columns:230px minmax(0,1fr);align-items:center}.k8s-control-panel>div>span{display:block;color:#2563eb;font-size:.47rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.k8s-control-panel>div>strong{display:block;margin-top:5px;color:#1e3a8a;font-size:.67rem}.k8s-control-panel ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.k8s-runtime-panel>ul{grid-template-columns:repeat(3,minmax(0,1fr))}.k8s-control-panel li{border-radius:6px;background:#fff;padding:7px 8px;color:#64748b;font-size:.47rem;line-height:1.5}.k8s-control-panel li strong{display:block;color:#334155;font-size:.44rem;text-transform:uppercase}.k8s-security-panel{grid-template-columns:repeat(2,minmax(0,1fr));border-color:#cbd5e1;background:#f8fafc}.k8s-security-panel>div{border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:11px}.k8s-security-panel .security-backlog{border-color:#fed7aa;background:#fffaf5}.k8s-security-panel .security-backlog>span,.k8s-security-panel .security-backlog>strong{color:#c2410c}.k8s-security-panel ul{margin-top:9px}.k8s-security-panel>p{grid-column:1 / -1;margin:0;border-left:3px solid #f59e0b;background:#fffbeb;padding:9px 11px;color:#92400e;font-size:.5rem;font-weight:650;line-height:1.55}.aws-map{min-height:700px}.aws-managed-zone{max-width:1120px;margin:0 auto;border-color:#fed7aa;background:#fffaf5}.aws-managed-zone .zone-node-list{grid-template-columns:repeat(5,minmax(0,1fr))}.architecture-zone-managed .node-mark,.architecture-zone-aws-pipeline .node-mark{background:#fff7ed;color:#e8790b}.vertical-flow-arrow{display:grid;place-items:center;gap:4px;margin:12px 0;color:#94a3b8;font-size:.5rem;font-weight:700}.vertical-flow-arrow span{color:#e8790b;font-size:1rem}.aws-runtime-row{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:stretch;gap:15px}.vpc-boundary{position:relative;border-color:#f59e0b;background:#fffbeb85}.vpc-boundary:after{position:absolute;z-index:4;top:60%;right:-16px;width:16px;border-top:1px dashed #8b5cf6;content:""}.vpc-boundary:before{position:absolute;z-index:5;top:calc(60% - 3px);right:-17px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #8b5cf6;content:""}.vpc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.architecture-zone-public{border-color:#fdba74;background:#fffaf5}.architecture-zone-private-app{border-color:#93c5fd;background:#f8fbff}.architecture-zone-private-data{border-color:#a7f3d0;background:#f5fffb}.architecture-zone-operations{height:100%;border-color:#c4b5fd;background:#faf8ff}.architecture-zone-operations .node-mark{color:#7c3aed;background:#f5f3ff}.vpc-caption-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}.vpc-caption-row span{border-radius:6px;background:#ffffffb8;padding:8px;color:#94a3b8;font-size:.48rem;font-weight:650;text-align:center}.delivery-map{min-height:620px;padding:15px}.pipeline-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe3ee;padding:8px 4px 18px}.pipeline-title span{color:var(--platform-color);font-size:.58rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.pipeline-title strong{color:#64748b;font-size:.68rem}.pipeline-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:22px;margin-top:38px}.pipeline-grid .architecture-zone{min-height:325px;padding:13px}.pipeline-grid .architecture-zone.has-connector:after{right:-23px;width:23px}.pipeline-grid .architecture-zone.has-connector:before{right:-24px}.architecture-zone-k8s-pipeline{border-color:#bfdbfe;background:#f8fbff}.architecture-zone-aws-pipeline{border-color:#fed7aa;background:#fffaf5}.pipeline-grid .architecture-node{min-height:92px}.pipeline-contract{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:35px}.pipeline-contract span{border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;padding:11px;color:#64748b;font-size:.55rem;font-weight:700;text-align:center}.node-drawer{position:absolute;z-index:40;top:20px;right:20px;width:min(430px,calc(100% - 40px));max-height:calc(100% - 40px);overflow:auto;border:1px solid #cbd5e1;border-radius:14px;background:#fffffff7;box-shadow:0 24px 80px #0f172a38;padding:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:drawer-in .18s ease both}@keyframes drawer-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.drawer-accent{position:absolute;top:0;right:0;left:0;height:4px;background:var(--platform-color)}.drawer-close{position:absolute;top:15px;right:15px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #e2e8f0;border-radius:7px;background:#fff;cursor:pointer;font-size:1rem}.drawer-close:hover{background:#f1f5f9}.drawer-label{margin:0;color:#94a3b8;font-size:.56rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.drawer-mark{display:grid;width:48px;height:48px;margin-top:28px;place-items:center;border-radius:11px;background:var(--platform-soft);color:var(--platform-color);font-size:.62rem;font-weight:900}.drawer-mark img{display:block;width:38px;height:38px;-o-object-fit:contain;object-fit:contain}.drawer-role{margin:22px 0 0;color:#64748b;font-size:.57rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.node-drawer h4{margin:6px 0 0;font-size:1.7rem;letter-spacing:-.05em}.drawer-description{margin:18px 0 0;color:#475569;font-size:.8rem;line-height:1.75}.drawer-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.drawer-badges span{border:1px solid var(--platform-line);border-radius:999px;background:var(--platform-soft);padding:5px 8px;color:var(--platform-color);font-size:.48rem;font-weight:800}.drawer-facts,.drawer-services{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:16px}.drawer-facts>span,.drawer-services>div>span{color:#94a3b8;font-size:.5rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.drawer-facts ul,.drawer-services ul{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.drawer-facts li{position:relative;padding-left:13px;color:#475569;font-size:.67rem;line-height:1.55}.drawer-facts li:before{position:absolute;top:.55em;left:0;width:5px;height:5px;border-radius:50%;background:var(--platform-color);content:""}.drawer-services>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-services>div small{color:#64748b;font-size:.5rem;font-weight:750}.drawer-services ul{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-services li{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;padding:8px;color:#475569;font-size:.55rem}.drawer-services li strong{color:var(--platform-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.drawer-note{margin:18px 0 0;border-left:3px solid var(--platform-color);background:var(--platform-soft);padding:10px 11px;color:#475569;font-size:.62rem;font-weight:650;line-height:1.6}.drawer-evidence{display:grid;gap:8px;margin-top:24px;border-top:1px solid #e2e8f0;padding-top:18px}.drawer-evidence span{color:#94a3b8;font-size:.52rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.drawer-evidence strong{font-size:.75rem;line-height:1.6}.drawer-status{display:flex;align-items:center;gap:9px;margin-top:22px;border-radius:7px;background:#f8fafc;padding:10px 11px;color:#64748b;font-size:.6rem;font-weight:700}.hover-preview{position:fixed;z-index:160;bottom:22px;left:22px;width:min(520px,calc(100% - 36px));border:1px solid #dbe3ee;border-left:3px solid var(--platform-color);border-radius:9px;background:#fffffff0;box-shadow:0 14px 40px #0f172a24;padding:14px 16px;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hover-preview span{color:#94a3b8;font-size:.5rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hover-preview strong{display:block;margin-top:4px;font-size:.82rem}.hover-preview-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.hover-preview-badges small{border-radius:999px;background:var(--platform-soft);padding:4px 6px;color:var(--platform-color);font-size:.43rem;font-weight:800}.hover-preview p{margin:7px 0 0;color:#64748b;font-size:.67rem;line-height:1.6}.hover-preview ul{display:grid;gap:4px;margin:9px 0 0;padding:8px 0 0 16px;border-top:1px solid #e2e8f0;color:#475569;font-size:.56rem;line-height:1.5}.hover-preview .hover-preview-note{margin-top:9px;border-left:2px solid var(--platform-color);background:var(--platform-soft);padding:7px 8px;color:#475569;font-size:.53rem;font-weight:650}.hover-service-catalog{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:9px}.hover-service-heading{display:flex;align-items:center;gap:9px}.hover-service-heading>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border:1px solid #fed7aa;border-radius:7px;background:#fff7ed}.hover-service-heading img{display:block;width:25px;height:25px;-o-object-fit:contain;object-fit:contain}.hover-service-heading>div{display:grid;gap:2px}.hover-service-heading strong{color:#334155;font-size:.57rem}.hover-service-heading small{color:var(--platform-color);font-size:.46rem;font-weight:800}.hover-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.hover-service-grid>small{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:5px;background:#f8fafc;padding:5px 7px;color:#475569;font-size:.49rem;font-weight:650}.hover-service-grid>small strong{color:var(--platform-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hover-artifact-catalog{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:9px}.hover-artifact-heading{display:flex;align-items:center;gap:9px}.hover-artifact-heading>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border:1px solid #a7f3d0;border-radius:7px;background:#ecfdf5}.hover-artifact-heading img{display:block;width:25px;height:25px;-o-object-fit:contain;object-fit:contain}.hover-artifact-heading>div{display:grid;gap:2px}.hover-artifact-heading strong{color:#334155;font-size:.57rem}.hover-artifact-heading small{color:#047857;font-size:.46rem;font-weight:800}.hover-artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.hover-artifact-grid>small{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;border-radius:5px;background:#f8fafc;padding:5px 7px;color:#475569;font-size:.49rem;font-weight:650}.hover-artifact-grid>small strong{overflow:hidden;color:#047857;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.architecture-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e2e8f0;padding:17px 24px;background:#fff}.architecture-footer p{max-width:850px;margin:0;color:#64748b;font-size:.67rem;line-height:1.65}.architecture-footer a{display:inline-flex;flex:0 0 auto;align-items:center;gap:14px;color:#0f172a;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.architecture-footer a:hover{color:var(--platform-color)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.archive-grid>a{min-height:270px;border:1px solid #e2e8f0;border-radius:14px;padding:24px;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.archive-grid>a:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 18px 45px #0f172a12}.archive-grid>a>div{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#2563eb;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.archive-grid h3{margin:44px 0 0;font-size:1.2rem;line-height:1.5;letter-spacing:-.04em;word-break:keep-all}.archive-grid p{margin:16px 0 0;color:#64748b;font-size:.78rem;line-height:1.8;word-break:keep-all}.contact-section{padding:130px 0 36px;background:#0f172a;color:#fff}.contact-inner>.section-eyebrow{color:#60a5fa}.contact-inner>h2{max-width:920px;margin:35px 0 0;font-size:clamp(3rem,6vw,6rem);font-weight:700;line-height:1.05;letter-spacing:-.07em}.contact-inner>p{max-width:680px;margin:30px 0 0;color:#94a3b8;font-size:.95rem;line-height:1.9}.contact-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:38px}.contact-links a{display:inline-flex;min-width:150px;align-items:center;justify-content:space-between;border:1px solid #334155;border-radius:8px;padding:14px 16px;font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;transition:border-color .16s ease,background-color .16s ease}.contact-links a:hover{border-color:#60a5fa;background:#1e293b}.contact-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-top:110px;border-top:1px solid #334155;padding-top:25px;color:#64748b;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-footer a{justify-self:end;color:#cbd5e1}@media(max-width:1180px){.header-inner{grid-template-columns:190px minmax(0,1fr) 120px}.header-nav{gap:14px}.header-nav a{font-size:.56rem}.hero-inner{grid-template-columns:minmax(0,1fr) 340px;gap:60px}.credential-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-context{grid-template-columns:240px minmax(0,1fr)}.context-tools{grid-column:1 / -1;justify-items:start}}@media(max-width:900px){.intro-portrait-panel{padding:38px}.intro-copy-panel{padding:52px 42px}.intro-copy-panel h1{font-size:clamp(1.95rem,4vw,2.6rem)}.site-container{width:min(calc(100% - 32px),1440px)}.header-inner{width:calc(100% - 32px);grid-template-columns:1fr auto}.header-nav{order:3;grid-column:1 / -1;overflow-x:auto;justify-content:flex-start;border-top:1px solid #e2e8f0}.site-header{position:relative}.header-nav a{min-height:48px;flex:0 0 auto}.header-contact{min-width:120px}.hero,.hero-inner{min-height:auto}.hero-inner{grid-template-columns:1fr;gap:55px;padding-top:100px;padding-bottom:90px}.hero-summary{max-width:600px}.section-heading,.architecture-section-heading{grid-template-columns:1fr;gap:22px}.section-body{margin-top:50px}.skill-group{grid-template-columns:1fr;gap:20px}.approach-list article{grid-template-columns:45px minmax(220px,.7fr) 1fr;gap:20px}.architecture-toolbar{min-height:auto;grid-template-columns:1fr auto;gap:12px;padding:12px}.architecture-mode-tabs{grid-row:2;border-left:0;padding-left:0}.canvas-controls{grid-column:2;grid-row:1 / 3}.architecture-context{grid-template-columns:1fr;gap:13px}.context-tools{justify-items:start}}@media(max-width:640px){.intro-gate-inner{grid-template-columns:1fr}.intro-portrait-panel{border-right:0;border-bottom:1px solid #cbd5e1;padding:30px 24px}.intro-portrait-frame{width:min(72vw,290px);box-shadow:10px 10px #dbeafe}.intro-copy-panel{padding:44px 24px 60px}.intro-copy-panel h1{margin-top:20px;font-size:clamp(1.55rem,7.2vw,2.2rem)}.intro-copy-panel>p:not(.intro-overline){margin-top:24px;font-size:.88rem}.intro-enter-button{width:100%;justify-content:space-between;margin-top:34px}.site-container,.header-inner{width:calc(100% - 28px)}.wordmark{font-size:.78rem}.header-back-button{width:30px;justify-content:center;padding:0}.header-back-label{display:none}.header-contact{min-width:104px;font-size:.58rem}.hero-grid{background-size:46px 46px}.hero-inner{padding-top:78px;padding-bottom:72px}.hero h1{font-size:clamp(2.8rem,14vw,4.4rem);line-height:1.02}.hero-description{font-size:.9rem}.hero-actions{display:grid}.button{width:100%}.content-section,.architecture-section{padding-top:90px}.section-heading h2,.architecture-section-heading h2{font-size:2.35rem}.section-heading>div>p,.architecture-section-heading>div>p{font-size:.86rem}.credential-grid,.archive-grid{grid-template-columns:1fr}.credential-card{min-height:245px}.practice-note{grid-template-columns:1fr;gap:18px;padding:27px 0 29px}.practice-velog-note{align-items:flex-start;flex-direction:column;gap:17px}.skill-group{padding:22px}.approach-list article{grid-template-columns:35px 1fr}.approach-list p{grid-column:2}.architecture-fullbleed{width:100%;margin:0}.architecture-lab{border-radius:12px 12px 0 0}.architecture-toolbar{grid-template-columns:1fr}.architecture-tabs,.architecture-mode-tabs{width:100%}.architecture-tabs button,.architecture-mode-tabs button{flex:1;justify-content:center}.architecture-mode-tabs{grid-row:auto}.canvas-controls{grid-column:auto;grid-row:auto;justify-self:stretch}.canvas-controls button{flex:1}.architecture-context{padding:18px}.interaction-hint{overflow-x:auto;padding-bottom:3px}.architecture-overlay-tabs{width:100%;overflow-x:auto}.architecture-overlay-tabs button{flex:1 0 auto}.diagram-viewport{min-height:520px;padding:8px}.node-drawer{position:fixed;inset:auto 8px 8px;width:auto;max-height:70vh;overflow-y:auto}.hover-preview{right:10px;bottom:10px;left:10px;width:auto}.architecture-footer{align-items:flex-start;flex-direction:column;padding:17px}.contact-section{padding-top:90px}.contact-inner>h2{font-size:3rem}.contact-footer{grid-template-columns:1fr;margin-top:75px}.contact-footer a{justify-self:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}