/* MachineNeuron — a buildless, self-contained company website. */
:root{--paper:#f5f3ed;--ink:#242923;--muted:#656a60;--line:#d7d9cf;--orange:#b94c2c;--green:#355a48;--serif:Georgia,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#ead0bb;color:var(--ink)}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 18px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:15px}.site-header{height:112px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-period{color:var(--orange)}.brand-symbol{color:var(--orange)}.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px;font-weight:500}.site-header nav a{padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s}.site-header nav a:hover{border-color:var(--ink)}.nav-contact{margin-left:12px}.language-switch{border:1px solid var(--line);background:transparent;border-radius:6px;min-height:40px;padding:0 12px;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;white-space:nowrap}.language-switch[hidden]{display:none}.language-divider{margin:0 7px;color:#acafa3}.language-en{color:var(--ink)}.language-ko{color:#777d71}html[lang=ko] .language-ko{color:var(--ink)}html[lang=ko] .language-en{color:#777d71}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:0 36px;padding-top:74px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0;font-family:var(--sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;line-height:1.6}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{margin:31px 0 25px;font-size:clamp(54px,5.5vw,82px);font-weight:500;letter-spacing:-5px;line-height:1.04}h1>span{display:block}.hero-accent{color:var(--orange);font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-3.7px;white-space:nowrap}.hero-intro{max-width:408px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:49px;padding:0 22px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button span:last-child{font-size:18px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#41493c;transform:translateY(-2px)}.hero-art{align-self:center;margin-top:13px;min-width:0}.art-caption,.art-foot,.visual-label{display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}.art-caption{padding:0 8px 18px}.neuron-art{width:100%;display:block;overflow:visible}.art-foot{padding:15px 8px 0;font-size:9px;letter-spacing:.2px}.art-plus{font-size:17px;font-weight:300}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:65px;padding:20px 0;border-block:1px solid var(--line);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.hero-baseline span:last-child span{margin-left:14px;color:var(--orange);font-size:15px}
.work-section{padding-top:90px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-index{color:var(--muted);font-size:9px;letter-spacing:1.8px;margin-bottom:18px}h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin-bottom:0}.section-aside{font-size:12px;line-height:1.7;color:var(--muted);max-width:200px;margin-bottom:4px}.product{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#faf9f5}.product-info{padding:37px 40px 40px;display:flex;flex-direction:column;align-items:flex-start}.product-topline{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;margin-bottom:56px}.product-number{font-size:10px;font-family:monospace;color:var(--muted)}.live-label{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--green)}.live-label .status-dot{background:var(--green);width:5px;height:5px}.product-brand{display:flex;align-items:center;gap:15px;margin-bottom:23px}.product-brand img{width:48px;height:48px;border-radius:12px;object-fit:cover}.product-brand h3{margin:0;font-size:35px;letter-spacing:-1.5px;font-weight:500}.product-tagline{max-width:330px;font-size:25px;line-height:1.27;letter-spacing:-.6px;margin-bottom:19px}.product-description{color:var(--muted);font-size:13px;line-height:1.85;max-width:365px;margin-bottom:24px}.product-features{list-style:none;padding:0;margin:0 0 35px;font-size:11px;line-height:2.1}.product-features li{display:flex;align-items:center;gap:10px}.product-features li:before{content:"↗";color:var(--orange);font-size:12px}.product-links{display:flex;align-items:center;gap:25px;margin-top:auto}.product-links .button{gap:23px;min-height:45px;font-size:11px;padding-inline:18px}.text-link{display:flex;align-items:center;gap:17px;font-size:11px;padding:10px 0;border-bottom:1px solid var(--ink)}.text-link:hover{color:var(--orange);border-color:var(--orange)}.product-visual{background:#e0e5df;position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:27px 27px 21px;isolation:isolate}.product-visual:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #c5cfc2;border-radius:50%;top:74px;left:calc(50% - 215px);z-index:-1}.product-visual:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #cbd3c8;border-radius:50%;top:14px;left:calc(50% - 275px);z-index:-1}.visual-label{font-size:8px;color:#576550;letter-spacing:1.1px;position:relative;z-index:1}.phone-composition{height:470px;position:relative;width:100%;margin:auto 0;display:flex;justify-content:center;align-items:center}.phone{width:198px;flex-shrink:0;border:6px solid #30372f;border-radius:25px;overflow:hidden;background:#111827;box-shadow:0 22px 30px -18px #25371a66;position:absolute;transition:transform .4s ease}.phone img{width:100%;aspect-ratio:1440/3120;object-fit:cover}.phone-back{transform:rotate(-9deg) translate(-93px,-4px);z-index:0}.phone-front{transform:rotate(8deg) translate(79px,20px);z-index:1}.product:hover .phone-back{transform:rotate(-11deg) translate(-96px,-8px)}.product:hover .phone-front{transform:rotate(10deg) translate(81px,15px)}.visual-footnote{font-size:9px;color:#586651;letter-spacing:.4px;text-align:center;margin:10px 0 0;z-index:1}.work-note{display:flex;align-items:flex-start;gap:14px;margin-top:23px;color:var(--muted);font-size:11px;line-height:1.7}.work-note p{margin:0}.note-mark{color:var(--orange);font-size:19px;line-height:1}
.studio-section{background:#eaece4;padding:75px 0 76px;border-block:1px solid #dfe2d7}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.studio-heading h2{font-size:clamp(34px,3.6vw,51px);line-height:1.2;letter-spacing:-1.9px}.studio-heading h2 span{display:block}.serif-line{font-family:var(--serif);font-style:italic;color:#637355;font-weight:400}.studio-stamp{display:flex;align-items:center;gap:15px;color:#5a6a50;margin-top:39px}.studio-stamp span{font-size:8px;letter-spacing:1.8px;line-height:1.7}.studio-copy{padding-top:3px}.studio-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:20px}.studio-copy .studio-intro{color:var(--ink);font-size:16px;line-height:1.8}.studio-facts{margin:29px 0 0}.studio-facts>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cfd5c5;padding:14px 0;font-size:10px}.studio-facts>div:last-child{padding-bottom:0}.studio-facts dt{color:var(--muted)}.studio-facts dd{margin:0;text-align:right}
.contact-section{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:84px 88px}.contact-section h2{max-width:470px;margin-bottom:20px;font-size:clamp(34px,3.7vw,52px);letter-spacing:-1.8px;line-height:1.15}.contact-section p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.85;margin-bottom:0;max-width:340px}.contact-link{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--ink);padding-block:16px;font-size:clamp(23px,3vw,40px);letter-spacing:-1.4px;transition:color .2s,border-color .2s;white-space:nowrap}.contact-link:hover{color:var(--orange);border-color:var(--orange)}.contact-arrow{font-size:36px;color:var(--orange);transition:transform .2s}.contact-link:hover .contact-arrow{transform:translate(4px,-4px)}.site-footer{border-top:1px solid var(--line);min-height:103px;display:flex;align-items:center;gap:30px}.footer-brand{font-size:17px;gap:0;letter-spacing:-.7px}.site-footer p{color:var(--muted);font-size:10px;margin:0 auto}.back-top{display:flex;align-items:center;gap:20px;font-size:10px}.back-top span:last-child{font-size:16px}
html[lang=ko] h1{font-size:clamp(50px,5vw,73px);line-height:1.25;letter-spacing:-3.5px}html[lang=ko] .hero-accent{font-family:var(--sans);font-style:normal;font-weight:500}html[lang=ko] .hero-intro{line-height:1.95;word-break:keep-all}html[lang=ko] h2,html[lang=ko] .product-tagline{word-break:keep-all}html[lang=ko] .serif-line{font-family:var(--sans);font-style:normal}html[lang=ko] .studio-copy p{word-break:keep-all}html[lang=ko] .contact-section h2{max-width:530px;line-height:1.3}
@media(min-width:1550px){.hero{padding-top:94px}.hero-baseline{margin-top:85px}}
@media(max-width:1120px){.wrap{width:calc(100% - 72px)}.hero{gap:0 18px}h1{letter-spacing:-3.4px;font-size:clamp(48px,6vw,68px)}.hero-accent{letter-spacing:-2.8px}.hero-intro{font-size:14px;max-width:360px}.product-info{padding:29px}.product-topline{margin-bottom:40px}.product-tagline{font-size:23px}.phone{width:170px;border-width:5px}.phone-composition{height:430px}.phone-back{transform:rotate(-9deg) translate(-74px,-5px)}.phone-front{transform:rotate(8deg) translate(65px,14px)}.product:hover .phone-back{transform:rotate(-10deg) translate(-77px,-9px)}.product:hover .phone-front{transform:rotate(9deg) translate(68px,10px)}.studio-grid{gap:50px}.product-links{gap:18px}.art-caption{font-size:8px;letter-spacing:.4px}}
@media(max-width:850px){.site-header{height:90px;gap:20px}.brand{font-size:20px}.site-header nav{gap:20px}.nav-contact{display:none}.hero{padding-top:52px}.hero-art{margin-top:30px}.art-caption{display:none}.art-foot{font-size:7px}.hero h1{font-size:clamp(43px,6.4vw,57px);letter-spacing:-2.9px}.hero-accent{letter-spacing:-2.6px}.hero-intro{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-baseline{margin-top:47px;font-size:8px;letter-spacing:.6px}.hero-baseline>span:nth-child(2){display:none}.work-section{padding-top:65px;padding-bottom:58px}.section-aside{font-size:10px;max-width:150px}.product{grid-template-columns:1fr 1fr}.product-info{padding:27px 23px}.product-topline{margin-bottom:35px;gap:10px}.live-label{font-size:8px}.product-brand h3{font-size:28px}.product-brand img{width:39px;height:39px;border-radius:10px}.product-tagline{font-size:21px}.product-description{font-size:12px}.product-features{font-size:10px}.product-links{flex-wrap:wrap;gap:8px 20px}.product-visual{padding:26px 18px 22px}.phone{width:153px}.phone-composition{height:430px}.phone-back{transform:rotate(-8deg) translate(-48px,-30px)}.phone-front{transform:rotate(7deg) translate(42px,41px)}.product:hover .phone-back{transform:rotate(-8deg) translate(-48px,-30px)}.product:hover .phone-front{transform:rotate(7deg) translate(42px,41px)}.visual-label{font-size:7px}.visual-label span:last-child{display:none}.visual-footnote{font-size:8px}.studio-grid{gap:40px}.studio-section{padding:60px 0}.studio-copy .studio-intro{font-size:14px}.studio-copy p{font-size:12px}.contact-section{padding-block:64px}.contact-link{font-size:26px;gap:20px}.contact-arrow{font-size:28px}.site-footer{min-height:88px}.hero-art svg{min-height:300px}html[lang=ko] h1{font-size:clamp(43px,5.5vw,56px)}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.site-header{height:82px;gap:15px;flex-wrap:wrap;justify-content:space-between}.brand{font-size:19px;gap:7px}.brand-symbol{width:27px;height:27px}.site-header nav{gap:18px;font-size:11px;margin-left:0;order:3;width:100%;justify-content:center;display:none}.language-switch{font-size:9px;min-height:35px;padding:0 10px}.hero{padding-top:42px;grid-template-columns:minmax(0,1fr);gap:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(50px,11.5vw,72px);letter-spacing:-3.4px;margin-top:26px;margin-bottom:22px}.hero-accent{letter-spacing:-2.7px}.hero-intro{max-width:340px;font-size:13px;line-height:1.85;margin-bottom:24px}.button{min-height:46px;gap:35px;font-size:11px;padding-inline:19px}.hero-art{width:100%;max-width:405px;justify-self:center;margin:34px 0 0}.neuron-art{height:auto}.hero-art svg{min-height:0}.art-caption{display:flex;font-size:7px;padding-bottom:0}.art-foot{padding-top:0;font-size:8px}.hero-baseline{margin-top:27px;padding-block:16px;font-size:8px;letter-spacing:.3px}.hero-baseline span:last-child span{margin-left:7px}.work-section{padding-top:53px;padding-bottom:49px}.section-heading{margin-bottom:24px}.section-index{font-size:8px;margin-bottom:14px}h2{font-size:30px;letter-spacing:-1.2px}.section-aside{display:none}.product{grid-template-columns:1fr}.product-info{padding:26px 26px 32px}.product-topline{margin-bottom:32px}.product-number{font-size:9px}.live-label{font-size:9px}.product-brand{margin-bottom:20px;gap:13px}.product-brand h3{font-size:32px}.product-brand img{width:44px;height:44px}.product-tagline{font-size:24px;max-width:300px}.product-description{font-size:13px;max-width:100%;margin-bottom:20px}.product-features{font-size:11px;margin-bottom:26px}.product-links{gap:25px}.product-links .button{min-height:44px}.product-visual{min-height:485px;padding:25px 24px 23px}.phone-composition{height:400px}.phone{width:173px;border-width:5px;border-radius:23px}.phone-back{transform:rotate(-8deg) translate(-64px,-7px)}.phone-front{transform:rotate(7deg) translate(55px,20px)}.product:hover .phone-back{transform:rotate(-8deg) translate(-64px,-7px)}.product:hover .phone-front{transform:rotate(7deg) translate(55px,20px)}.visual-label{font-size:7px}.visual-label span:last-child{display:inline}.visual-footnote{font-size:8px}.work-note{font-size:10px;margin-top:20px;gap:12px}.studio-section{padding:49px 0}.studio-grid{grid-template-columns:1fr;gap:29px}.studio-heading h2{font-size:38px;letter-spacing:-1.5px}.studio-stamp{display:none}.studio-copy .studio-intro{font-size:15px;line-height:1.8}.studio-copy p{font-size:13px;line-height:1.85}.studio-facts>div{font-size:10px;padding-block:14px}.contact-section{padding-block:53px 50px;flex-direction:column;align-items:flex-start;gap:23px}.contact-section h2{font-size:37px;max-width:340px;letter-spacing:-1.5px}.contact-section p:not(.eyebrow){font-size:12px}.contact-link{font-size:32px;gap:25px;padding-block:12px;letter-spacing:-1px}.contact-arrow{font-size:32px}.site-footer{min-height:110px;display:grid;grid-template-columns:1fr auto;gap:14px;padding-block:24px}.footer-brand{font-size:17px}.site-footer p{grid-row:2;font-size:9px;margin:0}.back-top{grid-column:2;grid-row:1/3;font-size:9px;gap:10px}html[lang=ko] h1{font-size:clamp(48px,10.7vw,68px);letter-spacing:-3px}html[lang=ko] .contact-section h2{font-size:34px;max-width:360px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:43px;letter-spacing:-2.7px}.hero-accent{letter-spacing:-2.2px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.product-info{padding-inline:22px}.product-links{gap:18px}.phone{width:151px}.phone-back{transform:rotate(-8deg) translate(-55px,-10px)}.phone-front{transform:rotate(7deg) translate(48px,20px)}.product:hover .phone-back{transform:rotate(-8deg) translate(-55px,-10px)}.product:hover .phone-front{transform:rotate(7deg) translate(48px,20px)}.product-visual{min-height:432px}.phone-composition{height:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
